:root{color-scheme:dark;--bg:#101714;--ink:#e8ebdf;--muted:#a1ada5;--line:#344039;--accent:#c2d5a5;--panel:#0b110d;font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}
*{box-sizing:border-box}
body{margin:0}
a{color:var(--accent);text-underline-offset:3px}
header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:24px;padding:14px max(16px,4vw);background:rgba(16,23,20,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header .brand{display:flex;align-items:center;gap:10px;font:26px Georgia,serif;color:var(--ink);text-decoration:none}
header .brand img{width:22px;height:22px}
header nav{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
header nav a{white-space:nowrap;padding:6px 12px;border-radius:999px;font-size:14px;color:var(--muted);text-decoration:none}
header nav a:hover{color:var(--ink)}
header nav a[aria-current]{background:#1d2822;color:var(--ink)}
header .cta{white-space:nowrap;font-size:14px;padding:8px 14px;border:1px solid var(--line);border-radius:6px;text-decoration:none}
.layout{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,820px);gap:56px;justify-content:center;padding:0 max(16px,4vw)}
aside{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow:auto;padding:40px 0;font-size:14px}
aside p{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
aside ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
aside li a{display:block;padding:5px 0 5px 14px;color:var(--muted);text-decoration:none;line-height:1.35}
aside li a:hover{color:var(--ink)}
main{min-width:0;padding:40px 0 80px}
h1,h2,h3{font-family:Georgia,serif;line-height:1.2;font-weight:400;scroll-margin-top:90px}
h1{font-size:clamp(32px,5vw,46px);margin-top:0}
h2{font-size:28px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line)}
h3{font-size:21px;margin-top:32px}
table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:14px;margin:20px 0}
td,th{border:1px solid var(--line);padding:9px 13px;text-align:left;vertical-align:top}
th{background:var(--panel);font-weight:500}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;background:var(--panel);padding:1px 5px;border-radius:4px;overflow-wrap:anywhere}
pre{background:var(--panel);padding:18px 20px;overflow:auto;border:1px solid var(--line);border-radius:6px;line-height:1.5}
pre code{background:none;padding:0}
blockquote{padding:12px 20px;border-left:2px solid var(--accent);margin:24px 0;background:var(--panel);border-radius:0 6px 6px 0;color:#c9d1c6}
blockquote p{margin:0}
hr{border:0;border-top:1px solid var(--line);margin:36px 0}
li{margin:4px 0}
footer{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding:32px 16px 48px;border-top:1px solid var(--line);font-size:14px}
@media (max-width:900px){.layout{display:block}aside{display:none}header{flex-wrap:wrap;gap:12px}header nav{order:3;flex-basis:100%}}