:root{--bg:#06090B;--panel:#0C1310;--ink:#F6F4EE;--muted:#9C998F;--accent:#4ADE80;--line:rgba(160,184,168,.15)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font:16px/1.7 Inter,-apple-system,"Segoe UI",sans-serif}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
h1,h2,h3,.logo{font-family:Sora,Inter,sans-serif;letter-spacing:-.02em}
header{padding:40px 0 30px;border-bottom:1px solid var(--line)}
.head-in{display:flex;justify-content:space-between;align-items:center;gap:16px}
.logo{font-weight:700;font-size:19px;text-decoration:none;color:var(--ink)}
.logo span{color:var(--accent)}
.back{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}
.back:hover{color:var(--accent)}
main{padding:88px 0 88px}
h1{font-size:clamp(30px,4.4vw,42px);font-weight:700;line-height:1.16}
.updated{color:var(--muted);font-size:14px;margin-top:20px}
.lede{margin-top:34px;font-size:17px;line-height:1.75;color:#C2D4C8;border-left:2px solid var(--accent);padding-left:22px}
h2{font-size:22px;font-weight:700;margin:60px 0 14px;padding-top:22px;border-top:1px solid var(--line)}
h3{font-size:17px;font-weight:700;margin:32px 0 10px}
p{margin-top:14px;color:#D8DCD6}
ul,ol{margin:14px 0 0 22px;color:#D8DCD6}
li{margin-top:9px}
a{color:var(--accent)}
strong{color:var(--ink)}
table{width:100%;border-collapse:collapse;margin-top:20px;font-size:14.5px}
th,td{text-align:left;padding:12px 14px;border:1px solid var(--line);vertical-align:top}
th{background:var(--panel);font-weight:700;color:var(--ink)}
td{color:#D8DCD6}
.box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px 28px;margin-top:26px}
.box p:first-child{margin-top:0}
.toc{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px 28px;margin-top:40px}
.toc b{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.toc ol{margin-top:14px;columns:2;column-gap:28px}
.toc li{margin-top:10px}
@media(max-width:600px){.toc ol{columns:1}}
footer{border-top:1px solid var(--line);color:var(--muted);padding:56px 0 88px;font-size:13px;line-height:1.7}
footer a{color:var(--muted);text-decoration:none;margin-right:16px}
footer a:hover{color:var(--accent)}
.foot-links{margin-bottom:16px}
@media(max-width:600px){
header{padding:28px 0 22px}
footer{padding:44px 0 64px}
main{padding:52px 0 60px}
h2{font-size:20px;margin-top:44px;padding-top:20px}
h3{margin-top:26px}
.lede{margin-top:26px;font-size:16px;padding-left:18px}
.updated{margin-top:16px}
.toc,.box{padding:20px 22px}
.toc{margin-top:32px}
}