.ds-main{max-width:var(--content-width);padding:0 var(--space-6) var(--space-12);overflow-wrap:anywhere;margin:auto}.ds-hero{padding:var(--space-16) 0 var(--space-12)}.ds-eyebrow{align-items:center;gap:var(--space-2);letter-spacing:.09em;text-transform:uppercase;color:var(--muted-foreground);font-size:12px;font-weight:600;display:flex}.ds-hero h1{font:400 clamp(40px,6vw,76px)/1.06 var(--font-display);letter-spacing:-.04em;margin:24px 0}.ds-hero h1 em{color:var(--muted-foreground);font-weight:400}.ds-hero>p:last-of-type{max-width:680px;font-size:18px;line-height:1.7}.ds-appearance{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.ds-appearance>span{max-width:340px;color:var(--muted-foreground);font-size:13px;line-height:1.6}.ds-index{border-block:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-block:16px;display:flex}.ds-index a{border-radius:var(--radius);background:var(--muted);align-items:center;gap:16px;min-height:44px;padding:12px 16px;font-size:14px;display:flex}.ds-section{padding-top:64px;scroll-margin-top:120px}.ds-heading{max-width:700px;margin-bottom:28px}.ds-heading h2{font:400 clamp(30px,4vw,42px)/1.15 var(--font-display);margin:16px 0}.ds-heading>p:last-child{color:var(--muted-foreground);line-height:1.7}.ds-colors{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.ds-swatch{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden}.ds-swatch>div{border-bottom:1px solid var(--border);height:88px}.ds-swatch code{padding:12px;font-size:12px;display:block}.ds-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.ds-type-display{font:400 34px/1.2 var(--font-display);margin-bottom:16px}.ds-type-body{margin-bottom:16px;font-size:16px;line-height:1.7}.ds-spacing{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.ds-spacing>div{flex-direction:column;gap:8px;font-size:12px;display:flex}.ds-spacing span{background:var(--primary);border-radius:2px;height:24px;display:block}.ds-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ds-atom-content{gap:32px;padding-top:8px;display:grid}.ds-field{flex-direction:column;gap:8px;display:flex}.ds-field label{font-size:14px;font-weight:600}.ds-field p,.ds-note{color:var(--muted-foreground);font-size:13px;line-height:1.6}.ds-note{margin-top:16px}.ds-error{color:var(--destructive)!important}.ds-search{gap:8px;display:flex}.ds-search input{min-width:0}.ds-patterns{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.ds-states{background:var(--muted);border-radius:var(--radius);gap:12px;margin-top:24px;padding:24px;font-size:14px;line-height:1.6;display:grid}.ds-levels{margin:0 0 32px;padding:0;list-style:none}.ds-levels li{border-bottom:1px solid var(--border);gap:24px;padding:24px 0;display:flex}.ds-levels li>span{font:400 28px var(--font-display);color:var(--muted-foreground)}.ds-levels h3{margin-bottom:8px;font-weight:600}.ds-levels p{color:var(--muted-foreground);line-height:1.6}.ds-rules{background:var(--muted);border-radius:12px;margin-top:32px;padding:32px}.ds-rules h3{font:400 28px var(--font-display);margin-bottom:16px}.ds-rules p{margin-top:12px;line-height:1.8}.ds-main code{font-family:var(--font-geist-mono),monospace;font-size:.8em}.ds-footer{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:64px;padding-top:24px;font-size:13px}.ds-main [data-slot=button],.ds-main [data-slot=input]{min-height:var(--control-height)}.ds-main :focus-visible{outline:3px solid var(--ring);outline-offset:4px}@media (max-width:700px){.ds-two,.ds-patterns{grid-template-columns:1fr}.ds-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-hero{padding-top:40px}.ds-section{padding-top:44px}.ds-main{padding-inline:20px}.ds-rules{padding:24px}}@media print{.ds-main{max-width:none}.ds-index,.ds-appearance{display:none}.ds-section{break-inside:avoid}}