:root{--bg:#07070d;--surface:#10101b;--text:#d5d6e4;--muted:#9597ae;--line:rgba(180,170,255,.12);--gold:#a99cf5;--blue:#8fa9f5}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
header{max-width:760px;margin:0 auto;padding:22px 20px}
header a{font-weight:850;font-size:26px;letter-spacing:-1px;color:var(--text);text-decoration:none}
header a span{color:var(--gold)}
main{max-width:760px;margin:0 auto;padding:8px 20px 64px}
h1{font-size:clamp(30px,6vw,40px);letter-spacing:-1px;line-height:1.1;margin:10px 0 6px}
.updated{color:var(--muted);margin:0 0 28px;font-size:14px}
h2{font-size:19px;margin:30px 0 8px;color:var(--text)}
p,li{color:#b9bacd;font-size:15.5px}
ul{padding-left:22px}
a{color:var(--blue)}
footer{max-width:760px;margin:0 auto;padding:24px 20px 40px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;display:flex;gap:18px;flex-wrap:wrap}
footer a{color:var(--muted)}
ol{padding-left:22px}
.toc{display:grid;gap:4px;margin:0 0 28px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:14px}
.toc a{color:var(--muted);text-decoration:none}
.toc a:hover{color:var(--text)}
.callout{padding:14px 16px;border:1px solid rgba(242,182,50,.3);border-radius:12px;background:rgba(242,182,50,.06)}
.fill{background:rgba(242,182,50,.18);color:var(--gold);border-radius:4px;padding:0 4px}
h2{scroll-margin-top:16px}