:root{--canvas:#0A0C10;--s1:#11151B;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--hi:#ECEFF3;--bd:#AEB6C0;--mut:#6E7681;--dim:#4B535C;--accent:#5B9CFF}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--canvas);color:var(--bd);font-family:"Hanken Grotesk",system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.nav{position:sticky;top:0;z-index:10;background:rgba(10,12,16,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav .in{max-width:860px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center;justify-content:space-between}
.brand{font-family:"Bricolage Grotesque";font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--hi)}
.navbtn{font-size:14px;font-weight:600;color:#05060a;background:var(--accent);border-radius:10px;padding:10px 16px}
main{max-width:760px;margin:0 auto;padding:56px 28px 90px}
.back{font-family:"IBM Plex Mono";font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.doc{margin-top:18px}
.doc h1{font-family:"Bricolage Grotesque";font-size:clamp(30px,5vw,42px);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.05;margin-bottom:8px}
.doc h2{font-family:"Bricolage Grotesque";font-size:23px;font-weight:700;color:var(--hi);letter-spacing:-.02em;margin:40px 0 12px}
.doc h3{font-size:17px;font-weight:700;color:var(--hi);margin:26px 0 8px}
.doc p{margin:0 0 16px;font-size:16px;color:var(--bd)}
.doc ul,.doc ol{margin:0 0 16px;padding-left:22px}
.doc li{margin-bottom:8px;font-size:16px;color:var(--bd)}
.doc strong{color:var(--hi);font-weight:600}
.doc a{word-break:break-word}
.doc hr{border:0;border-top:1px solid var(--line);margin:34px 0}
.doc code{font-family:"IBM Plex Mono";font-size:.9em;background:var(--s1);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--hi)}
.doc blockquote{border-left:3px solid var(--line2);padding-left:16px;color:var(--mut);margin:0 0 16px}
.doc table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14px}
.doc th,.doc td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.doc th{color:var(--hi);font-family:"IBM Plex Mono";font-size:11px;letter-spacing:.06em;text-transform:uppercase}
footer{border-top:1px solid var(--line);padding:30px 0;text-align:center;font-family:"IBM Plex Mono";font-size:11px;letter-spacing:.06em;color:var(--dim)}
footer a{color:var(--mut)}