.design-doc{--design-doc-accent:var(--primary);--design-doc-accent-foreground:var(--primary-foreground);--design-doc-border:var(--border);--design-doc-callout:color-mix(in oklch, var(--accent) 55%, transparent);--design-doc-callout-border:color-mix(in oklch, var(--primary) 35%, transparent);--design-doc-callout-foreground:var(--accent-foreground);--design-doc-code:var(--muted);--design-doc-code-block:#191c24;--design-doc-code-block-border:#333947;--design-doc-code-block-foreground:#e4ebf1;--design-doc-foreground:var(--foreground);--design-doc-muted:var(--muted);--design-doc-muted-foreground:var(--muted-foreground);--design-doc-surface:var(--card);--design-doc-table-row:color-mix(in oklch, var(--muted) 48%, transparent);color:var(--design-doc-foreground);max-width:1120px;margin:0 auto;padding:1rem 0 3rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.68}.dark .design-doc{--design-doc-callout:color-mix(in oklch, var(--muted) 72%, transparent);--design-doc-callout-border:color-mix(in oklch, var(--primary) 48%, transparent);--design-doc-code:var(--muted);--design-doc-code-block:#13151b;--design-doc-code-block-border:var(--border);--design-doc-code-block-foreground:#e6ebef;--design-doc-table-row:color-mix(in oklch, var(--muted) 35%, transparent)}.design-doc *,.design-doc :before,.design-doc :after{box-sizing:border-box}.design-doc .doc-header{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 10%, transparent), color-mix(in oklch, var(--accent) 18%, transparent)), var(--design-doc-surface);border:1px solid color-mix(in oklch, var(--primary) 22%, transparent);box-shadow:0 18px 60px color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:8px;margin-bottom:1.25rem;padding:1.25rem}.design-doc .doc-kicker{color:var(--design-doc-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .55rem;font-size:.78rem;font-weight:800}.design-doc .doc-header h1{color:var(--design-doc-foreground);max-width:13ch;margin:0;font-size:clamp(2rem,8vw,4.2rem);line-height:.98}.design-doc .doc-meta{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1rem;display:flex}.design-doc .doc-meta span:not(.status-badge){color:var(--design-doc-muted-foreground);font-size:.94rem}.design-doc .status-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.48rem .72rem;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex}.design-doc .status-approved{color:#15793a;background:#16a24929}.dark .design-doc .status-approved{color:#93f0b5}.design-doc .status-draft{color:#a95c04;background:#e7b00833}.dark .design-doc .status-draft{color:#fce173}.design-doc .status-review{color:#0848af;background:#3c83f62e}.dark .design-doc .status-review{color:#92c2fc}.design-doc .status-deprecated{background:color-mix(in oklch, var(--destructive) 16%, transparent);color:var(--destructive)}.design-doc .status-default{background:var(--design-doc-muted);color:var(--design-doc-muted-foreground)}.design-doc .table-of-contents,.design-doc .executive-summary{border-radius:8px;margin:1rem 0;padding:1rem}.design-doc .executive-summary{background:var(--design-doc-callout);border:1px solid var(--design-doc-callout-border);color:var(--design-doc-callout-foreground)}.design-doc .table-of-contents{background:var(--design-doc-surface);border:1px solid var(--design-doc-border)}.design-doc .table-of-contents h2{color:var(--design-doc-foreground);letter-spacing:.08em;text-transform:uppercase;border:0;margin:0 0 .75rem;padding:0;font-size:.82rem}.design-doc .toc-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.design-doc .toc-level-3{padding-left:1rem}.design-doc .table-of-contents a{color:var(--design-doc-accent);font-weight:700;text-decoration:none}.design-doc .table-of-contents a:hover{text-decoration:underline}.design-doc .doc-content{background:var(--design-doc-surface);border:1px solid var(--design-doc-border);border-radius:8px;padding:1rem}.design-doc .doc-content h2,.design-doc .executive-summary h2{border-top:1px solid var(--design-doc-border);color:var(--design-doc-foreground);margin:2.3rem 0 .85rem;padding-top:1.35rem;font-size:clamp(1.45rem,6vw,2.2rem);line-height:1.15}.design-doc .executive-summary h2{border:0;margin-top:0;padding-top:0}.design-doc .doc-content h3,.design-doc .executive-summary h3{color:var(--design-doc-accent);margin:1.7rem 0 .55rem;font-size:1.2rem;line-height:1.25}.design-doc .doc-content h4{color:var(--design-doc-foreground);margin:1.25rem 0 .4rem;font-size:1rem}.design-doc .doc-content p,.design-doc .executive-summary p{margin:.85rem 0}.design-doc .doc-content a,.design-doc .executive-summary a{color:var(--design-doc-accent);font-weight:700}.design-doc .doc-content code,.design-doc .executive-summary code{background:var(--design-doc-code);color:var(--design-doc-foreground);border-radius:5px;padding:.14rem .32rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em}.design-doc .code-block{background:var(--design-doc-code-block);border:1px solid var(--design-doc-code-block-border);color:var(--design-doc-code-block-foreground);white-space:pre;border-radius:8px;margin:1rem 0;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.55;overflow-x:auto}.design-doc .code-block code{color:inherit;background:0 0;padding:0}.design-doc .table-scroll{-webkit-overflow-scrolling:touch;margin:1rem 0;overflow-x:auto}.design-doc table{border-collapse:collapse;width:100%;min-width:44rem}.design-doc th,.design-doc td{border:1px solid var(--design-doc-border);text-align:left;vertical-align:top;padding:.68rem .75rem}.design-doc th{background:var(--design-doc-muted);color:var(--design-doc-foreground);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.design-doc tbody tr:nth-child(2n){background:var(--design-doc-table-row)}.design-doc blockquote{background:var(--design-doc-callout);border:1px solid var(--design-doc-callout-border);border-left:6px solid var(--design-doc-accent);color:var(--design-doc-callout-foreground);border-radius:8px;margin:1rem 0;padding:.85rem 1rem}.design-doc blockquote p{margin:.35rem 0}.design-doc ul,.design-doc ol{padding-left:1.35rem}.design-doc li{margin:.35rem 0}.design-doc .check-item{align-items:flex-start;gap:.5rem;display:inline-flex}.design-doc .check-item input{accent-color:var(--design-doc-accent);margin-top:.35rem}.design-doc hr{border:0;border-top:1px solid var(--design-doc-border);margin:2rem 0}@media (min-width:760px){.design-doc{padding:2rem 1rem 4rem}.design-doc .doc-header,.design-doc .doc-content{padding:2rem}.design-doc .table-of-contents,.design-doc .executive-summary{padding:1.25rem 1.5rem}}