:root{--bg:#07090F;--bg2:#0C1119;--bg3:#121A29;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);--ink:#EAF0F8;--ink2:#AAB5C6;--mute:#6E7A8E;--cyan:#00D4FF;--green:#00FF88;--gold:#E6C07A;--red:#FF3366;--disp:"Space Grotesk",Inter,system-ui,sans-serif;--font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--font);padding:0 20px;padding-block:0 60px;-webkit-font-smoothing:antialiased}
a{color:var(--cyan)} .wrap{max-width:1080px;margin:0 auto}
nav{display:flex;align-items:center;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}
.brand{font:700 15px var(--disp);letter-spacing:.14em;display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;color:var(--ink)} .brand b{color:var(--cyan)} .brand span{color:var(--gold);letter-spacing:.16em;font-size:11px;border-left:1px solid var(--line2);padding-left:10px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--green)}
nav .links{margin-left:auto;display:flex;gap:18px;font:600 11px var(--mono);letter-spacing:.1em} nav .links a{text-decoration:none;color:var(--ink2)} nav .links a:hover,nav .links a.on{color:var(--ink)}
.doc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;padding:48px 0}
.toc{position:sticky;top:24px;align-self:start;display:grid;gap:6px;font:500 12px var(--mono);letter-spacing:.04em} .toc a{color:var(--mute);text-decoration:none;padding:3px 0;border-left:2px solid transparent;padding-left:10px} .toc a:hover{color:var(--ink);border-color:var(--gold)} .toc .h{font:700 10px var(--mono);letter-spacing:.16em;color:var(--gold);margin-bottom:6px;padding-left:12px}
article{max-width:76ch} .kicker{font:600 11px var(--mono);letter-spacing:.2em;color:var(--gold);margin:0 0 12px} h1{font:700 clamp(30px,4.2vw,46px)/1.08 var(--disp);letter-spacing:-.02em;margin:0 0 10px} .meta{font:500 12px var(--mono);color:var(--mute);margin:0 0 28px}
.summary{border:1px solid var(--line2);border-left:3px solid var(--gold);border-radius:8px;background:var(--bg2);padding:18px 22px;margin:0 0 36px} .summary h2{font:700 11px var(--mono);letter-spacing:.16em;color:var(--gold);margin:0 0 10px} .summary ul{margin:0;padding-left:18px;color:var(--ink2);display:grid;gap:6px} .summary li b{color:var(--ink);font-weight:600}
h2{font:700 21px/1.2 var(--disp);letter-spacing:-.01em;margin:38px 0 10px;padding-top:8px;scroll-margin-top:24px} h2 small{display:block;font:600 10.5px var(--mono);letter-spacing:.16em;color:var(--mute);margin-bottom:6px} h3{font:700 15px var(--disp);margin:22px 0 6px}
p{margin:0 0 12px;color:var(--ink2)} p b,li b{color:var(--ink);font-weight:600} ul,ol{margin:0 0 12px;padding-left:22px;color:var(--ink2)} li{margin-bottom:5px}
.box{border:1px solid var(--line);border-radius:6px;background:var(--bg2);padding:14px 18px;margin:12px 0 16px} .box.warn{border-color:rgba(255,51,102,.45)} .box.warn h3{color:var(--red);margin-top:0}
table{border-collapse:collapse;width:100%;font-size:13.5px;margin:8px 0 16px} th{text-align:left;font:600 10.5px var(--mono);letter-spacing:.12em;color:var(--mute);padding:8px 10px;border-bottom:1px solid var(--line2)} td{padding:8px 10px;border-bottom:1px solid var(--line);color:var(--ink2);vertical-align:top} td:first-child{color:var(--ink);font-weight:500}
.contact{font:500 13px var(--mono);color:var(--ink2)}
footer{border-top:1px solid var(--line);padding-top:22px;margin-top:40px;display:grid;gap:10px;font:500 11px/1.6 var(--mono);color:var(--mute)} footer .row{display:flex;flex-wrap:wrap;gap:16px} footer a{text-decoration:none;color:var(--ink2)} footer .disc{max-width:100ch}
@media (max-width:820px){.doc{grid-template-columns:1fr;gap:20px} .toc{position:static;display:flex;flex-wrap:wrap;gap:4px 12px} .toc .h{width:100%} nav .links{display:none} body{padding:0 16px}}