.ds-header[data-astro-cid-ddzzjigo]{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.ds-brand[data-astro-cid-ddzzjigo]{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.ds-logo[data-astro-cid-ddzzjigo]{flex:0 0 auto;border-radius:var(--radius-input)}.ds-brand-text[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column;min-width:0}.ds-eyebrow[data-astro-cid-ddzzjigo]{font-family:var(--font);font-size:var(--text-micro);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--on-bg-muted)}.ds-title[data-astro-cid-ddzzjigo]{font-size:var(--text-display);margin:0}.ds-lead[data-astro-cid-ddzzjigo]{color:var(--on-bg-muted);font-size:var(--text-lead);max-width:56ch;margin:0}.swatch-grid[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3)}.swatch-card[data-astro-cid-ddzzjigo]{border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--sp-3);background:var(--surface)}.swatch-chip[data-astro-cid-ddzzjigo]{height:64px;border-radius:var(--radius-input);border:1px solid var(--border)}.swatch-meta[data-astro-cid-ddzzjigo]{margin-top:var(--sp-2);font-size:var(--text-sm);min-width:0}.swatch-name[data-astro-cid-ddzzjigo]{color:var(--on-surface);font-family:var(--font);overflow-wrap:anywhere}.swatch-value[data-astro-cid-ddzzjigo]{color:var(--on-surface-muted);font-family:var(--font)}.swatch-ref[data-astro-cid-ddzzjigo]{color:var(--on-surface-subtle);font-size:var(--text-micro);font-family:var(--font);overflow-wrap:anywhere}.token-label[data-astro-cid-ddzzjigo]{color:var(--on-surface-muted);min-width:120px;font-family:var(--font);font-size:var(--text-sm)}.token-label-sm[data-astro-cid-ddzzjigo]{color:var(--on-surface-muted);font-family:var(--font);font-size:var(--text-sm);text-align:center}.token-value[data-astro-cid-ddzzjigo]{color:var(--on-surface-subtle);font-family:var(--font);font-size:var(--text-sm)}.token-value-sm[data-astro-cid-ddzzjigo]{color:var(--on-surface-subtle);font-family:var(--font);font-size:var(--text-micro)}.spacing-rows[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column;gap:var(--sp-2)}.spacing-row[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-3)}.spacing-bar-wrap[data-astro-cid-ddzzjigo]{min-width:0;overflow-x:auto}.spacing-bar[data-astro-cid-ddzzjigo]{height:12px;background:var(--accent);max-width:100%}.radius-grid[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--sp-3)}.radius-item[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.radius-chip[data-astro-cid-ddzzjigo]{width:64px;height:64px;background:var(--surface-raised);border:1px solid var(--border)}.type-rows[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column;gap:var(--sp-3)}.type-row[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-3);align-items:baseline}.type-specimen[data-astro-cid-ddzzjigo]{font-family:var(--font);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.motion-grid[data-astro-cid-ddzzjigo]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--sp-4)}.motion-item[data-astro-cid-ddzzjigo]{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}@keyframes motion-demo{0%{transform:translate(0)}50%{transform:translate(60px)}to{transform:translate(0)}}.motion-swatch[data-astro-cid-ddzzjigo]{width:28px;height:28px;border-radius:var(--radius-input);background:var(--accent);animation:motion-demo var(--d, .18s) var(--e, ease) infinite}.rule-details[data-astro-cid-ddzzjigo]+.rule-details[data-astro-cid-ddzzjigo]{margin-top:var(--sp-2)}.rule-details[data-astro-cid-ddzzjigo] summary[data-astro-cid-ddzzjigo]{cursor:pointer;padding:var(--sp-2) 0;font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.rule-body[data-astro-cid-ddzzjigo]{white-space:pre-wrap;word-break:break-word;background:var(--surface);padding:var(--inset-md);border-radius:var(--radius-card);border:1px solid var(--border);font-family:var(--font);font-size:var(--text-sm);overflow-x:auto}@media (max-width: 560px){.ds-title[data-astro-cid-ddzzjigo]{font-size:var(--text-title)}.ds-header[data-astro-cid-ddzzjigo]{align-items:flex-start}.spacing-row[data-astro-cid-ddzzjigo]{grid-template-columns:auto 1fr}.spacing-row[data-astro-cid-ddzzjigo] .token-value[data-astro-cid-ddzzjigo]{grid-column:1 / -1;margin-left:calc(120px + var(--sp-3))}.type-row[data-astro-cid-ddzzjigo]{grid-template-columns:1fr auto}.type-row[data-astro-cid-ddzzjigo] .token-label[data-astro-cid-ddzzjigo]{grid-column:1 / -1}.type-specimen[data-astro-cid-ddzzjigo]{white-space:normal}}