.doc-bar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.doc-bar .brand{letter-spacing:-.02em;max-width:760px;color:var(--ink);align-items:center;gap:9px;margin:0 auto;padding:16px 24px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:18px;font-weight:800;text-decoration:none;display:flex}.doc-bar .brand .dot{background:var(--coral);border-radius:3px;width:11px;height:11px;transform:rotate(12deg)}.doc-layout{max-width:1000px;padding:var(--tpl-top) 24px 44px;grid-template-columns:210px 1fr;align-items:start;gap:48px;margin:0 auto;display:grid}.doc-toc{position:sticky;top:88px}.doc-toc .toc-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-family:Space Mono,monospace;font-size:11px}.doc-toc ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.doc-toc a{border-left:2px solid var(--line);color:var(--muted);margin-left:-2px;padding:6px 0 6px 14px;font-size:13.5px;line-height:1.35;text-decoration:none;display:block}.doc-toc a:hover{color:var(--cobalt);border-left-color:var(--cobalt)}.doc-main{min-width:0}.doc-main h1{letter-spacing:-.02em;margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.05}.doc-main .prose{font-size:16px}.doc-main .prose h2{scroll-margin-top:88px}@media (max-width:820px){.doc-layout{grid-template-columns:1fr;gap:22px}.doc-toc{position:static}}.prose .doc-fig{text-align:center;margin:28px 0 0}.prose .doc-fig svg{background:var(--card);border:1px solid var(--line);border-radius:16px;width:100%;max-width:520px;height:auto;padding:18px}.prose .doc-fig figcaption{color:var(--muted);max-width:46ch;margin-top:10px;margin-left:auto;margin-right:auto;font-family:Space Mono,monospace;font-size:12px;line-height:1.5}.doc-empty{max-width:560px;padding:calc(var(--tpl-top) + 20px) 24px;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;margin:0 auto;display:flex}.doc-empty h1{font-size:clamp(26px,4vw,36px)}.doc-empty p{color:var(--muted);max-width:44ch;margin-top:12px}.doc-empty a{color:var(--cobalt)}