:root{
  --bg:#f2f2ef; --card:#fff; --line:#e7e6e2; --ink:#17181c; --dim:#8a8f98; --accent:#f4501e;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.65; font-size:16px;
}
.wrap{max-width:800px; margin:0 auto; padding:0 24px}
header{border-bottom:1px solid var(--line); background:var(--card)}
.nav{display:flex; align-items:center; gap:12px; height:64px}
.logo{display:flex; align-items:center; gap:10px; font-weight:650; text-decoration:none; color:inherit; letter-spacing:-.02em}
.logo i{width:32px;height:32px;border-radius:10px;background:var(--accent);display:grid;place-items:center;flex:0 0 auto}
.back{margin-left:auto; color:var(--dim); text-decoration:none; font-size:14.5px}
.back:hover{color:var(--ink)}
main{padding:44px 0 72px}
h1{font-size:clamp(24px,4vw,34px); letter-spacing:-.02em; line-height:1.2; margin:0 0 8px}
.meta{color:var(--dim); font-size:14px; margin-bottom:34px}
h2{font-size:19px; letter-spacing:-.01em; margin:38px 0 12px}
h3{font-size:16.5px; margin:26px 0 8px}
p{margin:0 0 12px}
ul,ol{margin:0 0 14px; padding-left:22px}
li{margin-bottom:7px}
a{color:var(--accent)}
.box{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px 24px; margin:22px 0}
.box p:last-child{margin-bottom:0}
table{width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:15px}
td,th{border-bottom:1px solid var(--line); padding:9px 10px; text-align:left; vertical-align:top}
th{color:var(--dim); font-weight:500; font-size:13.5px}
td.k{color:var(--dim); width:34%}
footer{border-top:1px solid var(--line); padding:26px 0 44px; color:var(--dim); font-size:13.5px}
footer a{color:var(--dim)}
@media(max-width:640px){ td.k{width:auto} table,tbody,tr,td{display:block} td{border:none; padding:2px 0} tr{border-bottom:1px solid var(--line); padding:10px 0; display:block} }