#main-content{max-width:var(--layout-rail-wide)}.ds-hero[data-astro-cid-a3zoyxo6]{margin-bottom:var(--space-section);padding-bottom:var(--space-component);border-bottom:var(--size-border-pixel) solid var(--border-main)}.ds-hero-subtitle[data-astro-cid-a3zoyxo6]{margin:0 0 var(--space-xs);font-family:var(--font-mono);font-size:var(--type-size-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-label)}.ds-hero-meta[data-astro-cid-a3zoyxo6]{gap:var(--space-inline);flex-wrap:wrap;display:flex}.ds-hero-badge[data-astro-cid-a3zoyxo6]{font-family:var(--font-mono);font-size:var(--type-size-small);color:var(--text-secondary);background:var(--bg-surface);border:var(--size-border-pixel) solid var(--border-main);border-radius:999px;align-items:center;padding:.3em .8em;display:inline-flex}.ds-section[data-astro-cid-a3zoyxo6]{margin-bottom:var(--space-section)}.ds-section[data-astro-cid-a3zoyxo6] h2[data-astro-cid-a3zoyxo6]{margin-top:0}.ds-section[data-astro-cid-a3zoyxo6] h3[data-astro-cid-a3zoyxo6]{margin-top:var(--space-xl)}.ds-section[data-astro-cid-a3zoyxo6] h4[data-astro-cid-a3zoyxo6]{margin-top:0;margin-bottom:var(--space-xs)}.ds-principles[data-astro-cid-a3zoyxo6]{gap:var(--space-component);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.ds-principle[data-astro-cid-a3zoyxo6]{gap:var(--space-xs);padding:var(--space-component);background:var(--bg-surface);border:var(--size-border-pixel) solid var(--border-main);border-radius:var(--radius-lg);flex-direction:column;display:flex}.ds-principle[data-astro-cid-a3zoyxo6] strong[data-astro-cid-a3zoyxo6]{color:var(--text-primary)}.ds-principle[data-astro-cid-a3zoyxo6] span[data-astro-cid-a3zoyxo6]{font-size:var(--type-size-small);color:var(--text-secondary)}.ds-type-stack[data-astro-cid-a3zoyxo6]{gap:var(--space-sm);margin:var(--space-component) 0;flex-direction:column;display:flex}.ds-type-sample[data-astro-cid-a3zoyxo6]{padding:var(--space-sm) 0;border-bottom:var(--size-border-pixel) solid var(--border-muted)}.ds-type-sample[data-astro-cid-a3zoyxo6]:last-child{border-bottom:none}.ds-h1[data-astro-cid-a3zoyxo6]{font-family:var(--font-headers);font-weight:var(--font-weight-bold);font-size:var(--type-size-h1);line-height:var(--line-height-h1)}.ds-h2[data-astro-cid-a3zoyxo6]{font-family:var(--font-headers);font-weight:var(--font-weight-bold);font-size:var(--type-size-h2);line-height:var(--line-height-h2)}.ds-h3[data-astro-cid-a3zoyxo6]{font-family:var(--font-headers);font-weight:var(--font-weight-bold);font-size:var(--type-size-h3);line-height:var(--line-height-h3)}.ds-h4[data-astro-cid-a3zoyxo6]{font-family:var(--font-headers);font-weight:var(--font-weight-bold);font-size:var(--type-size-h4);line-height:var(--line-height-h4)}.ds-h5[data-astro-cid-a3zoyxo6]{font-family:var(--font-headers);font-weight:var(--font-weight-bold);font-size:var(--type-size-h5);line-height:var(--line-height-h5)}.ds-body[data-astro-cid-a3zoyxo6]{font-size:var(--type-size-body);line-height:var(--line-height-body)}.ds-small[data-astro-cid-a3zoyxo6]{font-size:var(--type-size-small);color:var(--text-muted)}.ds-table[data-astro-cid-a3zoyxo6]{border-collapse:collapse;width:100%;margin:var(--space-component) 0;font-size:var(--type-size-small)}.ds-table[data-astro-cid-a3zoyxo6] th[data-astro-cid-a3zoyxo6],.ds-table[data-astro-cid-a3zoyxo6] td[data-astro-cid-a3zoyxo6]{padding:var(--space-inline) var(--space-sm);text-align:left;border-bottom:var(--size-border-pixel) solid var(--border-main);vertical-align:top}.ds-table[data-astro-cid-a3zoyxo6] th[data-astro-cid-a3zoyxo6]{color:var(--text-muted);font-weight:var(--font-weight-bold)}.ds-color-grid[data-astro-cid-a3zoyxo6]{gap:var(--space-component);margin:var(--space-component) 0;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.ds-color-card[data-astro-cid-a3zoyxo6]{gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-surface);border:var(--size-border-pixel) solid var(--border-main);border-radius:var(--radius-md);flex-direction:column;display:flex}.ds-color-swatch[data-astro-cid-a3zoyxo6]{aspect-ratio:2;border-radius:var(--radius-sm);border:var(--size-border-pixel) solid var(--border-main);width:100%}.ds-color-info[data-astro-cid-a3zoyxo6]{gap:var(--space-xs);flex-direction:column;display:flex}.ds-color-info[data-astro-cid-a3zoyxo6] code[data-astro-cid-a3zoyxo6]{font-size:var(--type-size-small)}.ds-color-usage[data-astro-cid-a3zoyxo6],.ds-color-modes[data-astro-cid-a3zoyxo6]{font-size:var(--type-size-small);color:var(--text-secondary)}.ds-color-modes[data-astro-cid-a3zoyxo6]{color:var(--text-muted)}.ds-spacing-table[data-astro-cid-a3zoyxo6]{gap:var(--space-sm);margin:var(--space-component) 0;flex-direction:column;display:flex}.ds-spacing-row[data-astro-cid-a3zoyxo6]{align-items:center;gap:var(--space-component);grid-template-columns:20ch 1fr;display:grid}.ds-spacing-label[data-astro-cid-a3zoyxo6]{font-size:var(--type-size-small);flex-direction:column;gap:.15em;display:flex}.ds-spacing-label[data-astro-cid-a3zoyxo6] code[data-astro-cid-a3zoyxo6]{font-size:inherit}.ds-spacing-px[data-astro-cid-a3zoyxo6]{color:var(--text-muted)}.ds-spacing-bar[data-astro-cid-a3zoyxo6]{height:var(--space-sm);background:var(--color-action);border-radius:var(--radius-sm);min-width:4px}@media (width<=720px){.ds-spacing-row[data-astro-cid-a3zoyxo6]{gap:var(--space-sm);grid-template-columns:14ch 1fr}}.ds-rail-diagram[data-astro-cid-a3zoyxo6]{gap:var(--space-component);margin:var(--space-component) 0;flex-direction:column;display:flex}.ds-rail-bar[data-astro-cid-a3zoyxo6]{justify-content:space-between;gap:var(--space-component);padding:var(--space-sm);background:var(--bg-surface);border:var(--size-border-pixel) dashed var(--border-main);border-radius:var(--radius-md);font-size:var(--type-size-small);display:flex}.ds-rail-prose[data-astro-cid-a3zoyxo6]{max-width:var(--layout-rail-prose)}.ds-rail-page[data-astro-cid-a3zoyxo6]{max-width:var(--layout-rail-page)}.ds-rail-wide[data-astro-cid-a3zoyxo6]{max-width:var(--layout-rail-wide)}.ds-component-group[data-astro-cid-a3zoyxo6]{gap:var(--space-component);margin-bottom:var(--space-component);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.ds-component-demo[data-astro-cid-a3zoyxo6]{padding:var(--space-component);background:var(--bg-surface);border:var(--size-border-pixel) solid var(--border-main);border-radius:var(--radius-lg)}.ds-source[data-astro-cid-a3zoyxo6]{margin:0 0 var(--space-sm);font-size:var(--type-size-small);color:var(--text-muted)}.demo-row[data-astro-cid-a3zoyxo6]{align-items:center;gap:var(--space-inline);flex-wrap:wrap;display:flex}.ds-form[data-astro-cid-a3zoyxo6]{gap:var(--space-component);flex-direction:column;max-width:none;display:flex}.ds-form[data-astro-cid-a3zoyxo6] label[data-astro-cid-a3zoyxo6]{gap:var(--space-inline);font-size:var(--type-size-body);color:var(--text-primary);flex-direction:column;display:flex}.ds-form[data-astro-cid-a3zoyxo6] input[data-astro-cid-a3zoyxo6],.ds-form[data-astro-cid-a3zoyxo6] textarea[data-astro-cid-a3zoyxo6]{padding:var(--space-inline) var(--space-sm);font-family:var(--font-copy);font-size:var(--type-size-body);color:var(--text-primary);background:var(--bg-main);border:var(--size-border-pixel) solid var(--border-control);border-radius:var(--radius-sm)}.ds-form[data-astro-cid-a3zoyxo6] textarea[data-astro-cid-a3zoyxo6]{resize:vertical}.ds-form-row[data-astro-cid-a3zoyxo6]{gap:var(--space-component);grid-template-columns:repeat(2,1fr);display:grid}.ds-component-demo--wide[data-astro-cid-a3zoyxo6]{grid-column:1/-1}@media (width<=720px){.ds-form-row[data-astro-cid-a3zoyxo6]{grid-template-columns:1fr}}.ds-component-demo[data-astro-cid-a3zoyxo6] h3[data-astro-cid-a3zoyxo6]{font-size:var(--type-size-h4);line-height:var(--line-height-h4);margin:0 0 calc(var(--rhythm) * .5)}