:root{--bg: #f6f5f2;--paper: #fffdf7;--ink: #1d1b17;--ink-muted: #5f584c;--line: #d9d1c2;--accent: #0a7a5a;--accent-soft: #d8efe7;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top right,#ebe7dc,#f6f5f2 45%)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh}code{font-family:JetBrains Mono,Cascadia Mono,Consolas,monospace;font-size:.9em;background:#ece9df;border:1px solid var(--line);padding:1px 5px}.shell{width:min(1260px,95vw);margin:32px auto 56px;display:grid;gap:22px}.top{background:var(--paper);border:1px solid var(--line);padding:24px}.eyebrow{margin:0 0 8px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--accent);font-size:12px}h1{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.15}.lede{margin:10px 0 0;color:var(--ink-muted)}.layout{display:grid;grid-template-columns:260px minmax(0,1fr) 220px;gap:18px;align-items:start}.nav,.toc{position:sticky;top:18px;border:1px solid var(--line);background:var(--paper);padding:16px}.nav h2,.toc h2{margin:0 0 10px;font-size:16px}.searchbox{display:grid;gap:6px;margin-bottom:14px}.searchbox span{color:var(--ink-muted);font-size:13px}.searchbox input{width:100%;border:1px solid var(--line);background:#faf7ef;color:var(--ink);padding:8px 9px;font:inherit}.searchbox input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.nav nav,.toc nav{display:grid;gap:6px}.nav-empty{margin:0;color:var(--ink-muted);font-size:14px}.nav a,.toc a{text-decoration:none;color:var(--ink);border:1px solid transparent;padding:5px 7px;display:block}.nav a:hover,.toc a:hover{border-color:var(--line);background:#f2eee4}.nav a.active,.toc a.active{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.content{display:grid;gap:14px}.card{border:1px solid var(--line);background:var(--paper);padding:20px}.card.active-section{border-color:var(--accent)}.card h2{margin:0 0 8px;font-size:20px}.section-anchor{color:inherit;text-decoration:none}.section-anchor:hover{text-decoration:underline}.card p{margin:0 0 10px;color:var(--ink-muted);line-height:1.5}.card ul{margin:0;padding-left:20px}.card li{margin:0 0 6px;line-height:1.45}.card pre{margin:10px 0 0;overflow-x:auto;border:1px solid var(--line);background:#f1eee4;padding:10px}.card pre code{border:0;background:transparent;padding:0;display:block;line-height:1.4}.card .note{margin-top:10px;padding:8px 10px;border:1px solid var(--line);background:#faf5ea;color:var(--ink)}@media(max-width:1100px){.layout{grid-template-columns:240px minmax(0,1fr)}.toc{grid-column:1 / -1;position:static}}@media(max-width:900px){.layout{grid-template-columns:1fr}.nav,.toc{position:static}}