:root{color-scheme:dark;--bg:#0d0d12;--surface:#15151d;--text:#f5f4fa;--muted:#a9a5b5;--line:#2a2833;--accent:#9d8cff;--code:#1c1a25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.2rem;padding:.8rem 1.4rem;background:rgba(13,13,18,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}header>a:last-child{margin-left:auto}.brand{display:flex;align-items:center;gap:.65rem;color:var(--text);font-weight:800}.brand img{width:30px;height:30px}.shell{display:grid;grid-template-columns:260px minmax(0,850px);gap:3rem;max-width:1180px;margin:auto;padding:2.5rem 1.5rem 6rem}.sidebar{position:sticky;top:80px;align-self:start;max-height:calc(100vh - 100px);overflow:auto}.nav-section{margin-bottom:1.4rem}.nav-section strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.nav-section ul{list-style:none;margin:.45rem 0 0;padding:0}.nav-section a{display:block;color:var(--muted);padding:.28rem .65rem;border-left:2px solid transparent}.nav-section a.active{color:var(--text);border-color:var(--accent);background:var(--surface)}.content{min-width:0}.content h1{font-size:clamp(2.3rem,6vw,4.5rem);line-height:1;letter-spacing:-.045em;margin:.5rem 0 2rem}.content h2{font-size:1.65rem;margin-top:2.6rem;border-bottom:1px solid var(--line);padding-bottom:.45rem}.content h3{margin-top:2rem}.content p,.content li{color:#d7d4df}.content code{background:var(--code);border:1px solid var(--line);border-radius:6px;padding:.12rem .35rem;font-size:.9em}.content pre{overflow:auto;background:var(--code);border:1px solid var(--line);border-radius:12px;padding:1rem}.content pre code{border:0;padding:0}.content blockquote{margin:1.4rem 0;border-left:3px solid var(--accent);background:var(--surface);padding:.75rem 1rem;color:var(--muted)}footer{border-top:1px solid var(--line);color:var(--muted);padding:2rem;text-align:center}@media(max-width:800px){.shell{display:block}.sidebar{position:static;max-height:none;margin-bottom:3rem}.content h1{font-size:2.6rem}header span{display:none}}