.styleguide-nav{font-size:var(--font-size-sm)}.styleguide-nav ul{gap:var(--space-xs) var(--space-md);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.styleguide-section{scroll-margin-top:calc(var(--header-height) + var(--space-md))}.styleguide-sample{padding:var(--space-lg);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-md)}.styleguide-sample--alt{background:var(--color-surface)}.token-table{font-size:var(--font-size-sm);overflow-x:auto}.token-table table{border-collapse:collapse;inline-size:100%}.token-table th,.token-table td{padding:var(--space-xs) var(--space-sm);text-align:start;vertical-align:middle;border-bottom:var(--border-width) solid var(--color-border)}.token-table thead th{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.token-table tbody th{font-weight:var(--font-weight-regular);white-space:nowrap}.token-table td:nth-child(2){color:var(--color-text-muted)}.token-table:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.token-preview{display:block}.token-preview--color{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);block-size:2rem;inline-size:4rem}.token-preview--space{background:var(--color-primary);block-size:1rem}.token-preview--box{background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);block-size:2.5rem;inline-size:4rem}