:root{--bg:#f4f1ea;--surface:#fbfaf6;--text:#1f2421;--text-muted:#6b7069;--accent:#2f4a3c;--accent-hover:#436b54;--border:#e0dbd0;--code-string:#9b3d2f;--font-head:"Fraunces", Georgia, serif;--font-body:"Source Serif 4", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:18px;line-height:1.7}body{margin:0}.page{max-width:880px;margin:0 auto;padding:96px 32px 128px}@media (width<=640px){.page{padding:56px 20px 80px}html{font-size:17px}}header.doc-head{border-bottom:1px solid var(--border);margin-bottom:80px;padding-bottom:32px}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0 0 16px;font-size:.8125rem}h1.title{font-family:var(--font-head);letter-spacing:-.015em;font-variation-settings:"opsz" 144;margin:0 0 16px;font-size:clamp(2.5rem,5.5vw,3.375rem);font-weight:600;line-height:1.05}.lede{font-family:var(--font-body);color:var(--text-muted);max-width:60ch;margin:0;font-size:1.25rem;line-height:1.55}section.doc-section{margin-top:72px;scroll-margin-top:24px}h2{font-family:var(--font-head);letter-spacing:-.01em;border-bottom:1px solid var(--border);font-variation-settings:"opsz" 72;margin:0 0 32px;padding-bottom:12px;font-size:2rem;font-weight:600;line-height:1.2}h2 .num{font-family:var(--font-mono);color:var(--text-muted);margin-right:16px;font-size:.85em;font-weight:400}h3{font-family:var(--font-head);font-variation-settings:"opsz" 36;margin:40px 0 16px;font-size:1.375rem;font-weight:600;line-height:1.3}p{max-width:70ch;margin:0 0 20px}ul,ol{max-width:70ch;margin:0 0 20px;padding-left:1.4em}li{margin-bottom:8px}li::marker{color:var(--text-muted)}a{color:var(--accent);text-underline-offset:3px;text-decoration:underline 1px}a:hover{color:var(--accent-hover)}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}strong{font-weight:600}em{color:var(--text);font-style:italic}code,kbd,samp{font-family:var(--font-mono);font-size:.9em}table.spec{border-collapse:collapse;width:100%;margin:8px 0 32px}table.spec th,table.spec td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:20px 16px}table.spec th{font-family:var(--font-head);border-bottom:1px solid var(--border);padding-top:8px;font-size:1.0625rem;font-weight:600}table.spec tr:last-child td{border-bottom:1px solid var(--border)}table.spec td.role,table.spec td.token{width:38%;padding-right:24px}table.spec td.hex,table.spec td.size{width:22%}table.spec td.note,table.spec td.use{color:var(--text)}.swatch-row{font-family:var(--font-mono);color:var(--code-string);background:var(--surface);border:1px solid var(--border);align-items:center;gap:10px;padding:4px 10px 4px 4px;font-size:.9375rem;display:inline-flex}.swatch{border:1px solid var(--border);width:18px;height:18px;display:inline-block}pre.tokens{background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text);white-space:pre;margin:16px 0 0;padding:24px;font-size:.875rem;line-height:1.65;overflow-x:auto}pre.tokens .c{color:var(--text-muted)}pre.tokens .s{color:var(--code-string)}pre.tokens .k{color:var(--accent)}.specimen{background:var(--surface);border:1px solid var(--border);margin:16px 0 24px;padding:32px}.specimen .label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px;font-size:.75rem}.specimen.head-fraunces{font-family:var(--font-head);letter-spacing:-.01em;font-variation-settings:"opsz" 96;font-size:2.375rem;font-weight:600;line-height:1.15}.specimen.body-source{font-family:var(--font-body);max-width:66ch;font-size:1.125rem;line-height:1.7}.specimen.mono-plex{font-family:var(--font-mono);color:var(--text);font-size:1rem}nav.toc{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-top:1px solid var(--border);margin-bottom:80px;padding-top:24px;font-size:.8125rem}nav.toc ol{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 24px;margin:0;padding:0;list-style:none;display:grid}nav.toc a{color:var(--text-muted);text-decoration:none}nav.toc a:hover{color:var(--accent)}nav.toc .toc-num{color:var(--text-muted);margin-right:8px}footer.doc-foot{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);margin-top:96px;padding-top:32px;font-size:.8125rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}