.design-page[data-astro-cid-3xwxoses]{display:flex;flex-direction:column;gap:var(--size-32)}.page-header[data-astro-cid-3xwxoses]{padding-bottom:var(--size-24);border-bottom:1px solid var(--border-default)}.page-badge[data-astro-cid-3xwxoses]{display:inline-block;padding:var(--size-4) var(--size-12);background-color:var(--background-interactive-primaryAlt);color:var(--foreground-interactive-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);margin-bottom:var(--size-12)}.page-title[data-astro-cid-3xwxoses]{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--foreground-base);margin:0 0 var(--size-12)}.page-description[data-astro-cid-3xwxoses]{font-size:var(--font-size-lg);color:var(--foreground-muted);line-height:var(--font-line-height-relaxed);margin:0;max-width:65ch}.page-content[data-astro-cid-3xwxoses]{display:flex;flex-direction:column;gap:var(--size-48)}.page-content[data-astro-cid-3xwxoses] section[data-astro-cid-3xwxoses]{scroll-margin-top:80px}.page-content[data-astro-cid-3xwxoses] h2[data-astro-cid-3xwxoses]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--size-20);padding-bottom:var(--size-12);border-bottom:1px solid var(--border-default)}.page-content[data-astro-cid-3xwxoses] h3[data-astro-cid-3xwxoses]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:var(--size-24) 0 var(--size-12)}.page-content[data-astro-cid-3xwxoses] p[data-astro-cid-3xwxoses]{color:var(--foreground-muted);line-height:var(--font-line-height-relaxed);margin:0 0 var(--size-16);max-width:65ch}.page-content[data-astro-cid-3xwxoses] code[data-astro-cid-3xwxoses]{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--font-size-sm);background:var(--background-sunken);padding:var(--size-2) var(--size-6);border-radius:var(--radius-sm)}.audience-overview[data-astro-cid-3xwxoses]{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-24);margin-top:var(--size-24)}.audience-card[data-astro-cid-3xwxoses]{display:flex;gap:var(--size-20);padding:var(--size-24);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.audience-color[data-astro-cid-3xwxoses]{width:80px;height:80px;border-radius:var(--radius-md);flex-shrink:0}.audience-info[data-astro-cid-3xwxoses] h3[data-astro-cid-3xwxoses]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--foreground-base);margin:0 0 var(--size-8)}.audience-info[data-astro-cid-3xwxoses] p[data-astro-cid-3xwxoses]{font-size:var(--font-size-sm);margin:0 0 var(--size-12);max-width:none}.audience-use[data-astro-cid-3xwxoses]{display:flex;flex-wrap:wrap;gap:var(--size-8);align-items:center}.use-label[data-astro-cid-3xwxoses]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--foreground-muted)}.use-item[data-astro-cid-3xwxoses]{font-size:var(--font-size-xs);padding:var(--size-4) var(--size-8);background:var(--background-sunken);border-radius:var(--radius-sm);color:var(--foreground-base)}.color-selection-guide[data-astro-cid-3xwxoses]{display:flex;flex-direction:column;gap:var(--size-16);margin-top:var(--size-24)}.selection-row[data-astro-cid-3xwxoses]{display:flex;align-items:center;gap:var(--size-24);padding:var(--size-20);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.selection-context[data-astro-cid-3xwxoses]{display:flex;align-items:center;gap:var(--size-12);min-width:200px}.context-icon[data-astro-cid-3xwxoses]{width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0}.context-info[data-astro-cid-3xwxoses]{display:flex;flex-direction:column;gap:var(--size-2)}.context-info[data-astro-cid-3xwxoses] strong[data-astro-cid-3xwxoses]{font-size:var(--font-size-sm);color:var(--foreground-base)}.context-info[data-astro-cid-3xwxoses] span[data-astro-cid-3xwxoses]{font-size:var(--font-size-xs);color:var(--foreground-muted)}.selection-examples[data-astro-cid-3xwxoses]{display:flex;flex-wrap:wrap;gap:var(--size-8)}.selection-examples[data-astro-cid-3xwxoses] span[data-astro-cid-3xwxoses]{font-size:var(--font-size-sm);padding:var(--size-6) var(--size-12);background:var(--background-sunken);border-radius:var(--radius-full);color:var(--foreground-muted)}.color-scale[data-astro-cid-3xwxoses]{display:flex;flex-direction:column;gap:var(--size-8);margin-top:var(--size-20)}.color-swatch[data-astro-cid-3xwxoses]{display:flex;align-items:center;gap:var(--size-16);padding:var(--size-8);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-md)}.swatch-color[data-astro-cid-3xwxoses]{width:60px;height:40px;border-radius:var(--radius-sm);flex-shrink:0}.swatch-info[data-astro-cid-3xwxoses]{display:flex;align-items:center;gap:var(--size-16);flex:1}.swatch-info[data-astro-cid-3xwxoses] code[data-astro-cid-3xwxoses]{font-size:var(--font-size-sm);color:var(--foreground-interactive-primary);background:none;padding:0}.swatch-hex[data-astro-cid-3xwxoses]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-sm);color:var(--foreground-muted);text-transform:uppercase}.color-usage[data-astro-cid-3xwxoses]{margin-top:var(--size-24)}.color-usage[data-astro-cid-3xwxoses] h3[data-astro-cid-3xwxoses]{margin:0 0 var(--size-12)}.quality-chips[data-astro-cid-3xwxoses]{display:flex;gap:var(--size-8)}.quality-chip[data-astro-cid-3xwxoses]{padding:var(--size-8) var(--size-16);background:var(--background-sunken);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--foreground-base)}.system-colors-grid[data-astro-cid-3xwxoses]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--size-16);margin-top:var(--size-20)}.system-color-card[data-astro-cid-3xwxoses]{padding:var(--size-20);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.system-swatch[data-astro-cid-3xwxoses]{width:100%;height:60px;border-radius:var(--radius-md);margin-bottom:var(--size-16)}.system-info[data-astro-cid-3xwxoses] h3[data-astro-cid-3xwxoses]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground-base);margin:0 0 var(--size-8)}.system-info[data-astro-cid-3xwxoses] p[data-astro-cid-3xwxoses]{font-size:var(--font-size-sm);margin:0 0 var(--size-12);max-width:none}.system-info[data-astro-cid-3xwxoses] code[data-astro-cid-3xwxoses]{display:block;font-size:var(--font-size-xs);color:var(--foreground-interactive-primary);background:none;padding:0;margin-bottom:var(--size-4)}.system-hex[data-astro-cid-3xwxoses]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-xs);color:var(--foreground-muted);text-transform:uppercase}.neutral-scale[data-astro-cid-3xwxoses]{display:flex;gap:var(--size-4);margin-top:var(--size-20);padding:var(--size-16);background:var(--background-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow-x:auto}.neutral-swatch[data-astro-cid-3xwxoses]{display:flex;flex-direction:column;align-items:center;gap:var(--size-8);min-width:70px}.swatch-block[data-astro-cid-3xwxoses]{width:60px;height:60px;border-radius:var(--radius-md);border:1px solid var(--border-default)}.neutral-step[data-astro-cid-3xwxoses]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--foreground-base)}.neutral-hex[data-astro-cid-3xwxoses]{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-2xs);color:var(--foreground-muted);text-transform:uppercase}.code-block[data-astro-cid-3xwxoses]{background:var(--background-sunken);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow-x:auto;margin-top:var(--size-12)}.code-block[data-astro-cid-3xwxoses] pre[data-astro-cid-3xwxoses]{margin:0;padding:var(--size-16)}.code-block[data-astro-cid-3xwxoses] code[data-astro-cid-3xwxoses]{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--font-size-sm);color:var(--foreground-base);line-height:var(--font-line-height-relaxed);background:none;padding:0}.guidelines-grid[data-astro-cid-3xwxoses]{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-20);margin-top:var(--size-24)}.guideline-card[data-astro-cid-3xwxoses]{padding:var(--size-20);border-radius:var(--radius-lg)}.guideline-card[data-astro-cid-3xwxoses].do{background:var(--background-system-success);border:1px solid var(--border-system-success)}.guideline-card[data-astro-cid-3xwxoses].dont{background:var(--background-system-danger);border:1px solid var(--border-system-danger)}.guideline-card[data-astro-cid-3xwxoses] h4[data-astro-cid-3xwxoses]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--size-12)}.guideline-card[data-astro-cid-3xwxoses].do h4[data-astro-cid-3xwxoses]{color:var(--foreground-system-success)}.guideline-card[data-astro-cid-3xwxoses].dont h4[data-astro-cid-3xwxoses]{color:var(--foreground-system-danger)}.guideline-card[data-astro-cid-3xwxoses] ul[data-astro-cid-3xwxoses]{margin:0;padding-left:var(--size-20)}.guideline-card[data-astro-cid-3xwxoses] li[data-astro-cid-3xwxoses]{font-size:var(--font-size-sm);color:var(--foreground-base);margin-bottom:var(--size-8);line-height:var(--font-line-height-relaxed)}.toc-list[data-astro-cid-3xwxoses]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--size-4)}.toc-link[data-astro-cid-3xwxoses]{display:block;padding:var(--size-6) var(--size-12);font-size:var(--font-size-sm);color:var(--foreground-muted);text-decoration:none;border-left:2px solid transparent;transition:all var(--motion-duration-fast) var(--motion-easing-ease-out)}.toc-link[data-astro-cid-3xwxoses]:hover{color:var(--foreground-base);border-left-color:var(--border-brand-primaryAlt);background-color:var(--background-subtle)}@media(max-width:768px){.page-title[data-astro-cid-3xwxoses]{font-size:var(--font-size-3xl)}.audience-overview[data-astro-cid-3xwxoses]{grid-template-columns:1fr}.audience-card[data-astro-cid-3xwxoses]{flex-direction:column}.audience-color[data-astro-cid-3xwxoses]{width:100%;height:60px}.selection-row[data-astro-cid-3xwxoses]{flex-direction:column;align-items:flex-start}.selection-context[data-astro-cid-3xwxoses]{min-width:auto}.system-colors-grid[data-astro-cid-3xwxoses],.guidelines-grid[data-astro-cid-3xwxoses]{grid-template-columns:1fr}.neutral-scale[data-astro-cid-3xwxoses]{padding:var(--size-12)}.neutral-swatch[data-astro-cid-3xwxoses]{min-width:55px}.swatch-block[data-astro-cid-3xwxoses]{width:45px;height:45px}}