.ds-hero{padding:0}.ds-subtitle{margin-top:var(--space-xs);color:var(--color-text-muted);max-width:60ch}.ds-section-title{margin:0 0 var(--space-s)}.ds-card{background:0 0;border-radius:var(--radius-card)}.ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--space-m)}.ds-token{display:flex;flex-direction:column;gap:var(--space-2xs)}.ds-token-name{font-family:var(--ff-mono);text-transform:uppercase;letter-spacing:.035rem;color:var(--color-text-muted);font-size:18px;line-height:1}.ds-token-value{font-family:monospace;font-size:var(--fs-xs);color:var(--color-text);overflow-wrap:anywhere}.ds-swatch{height:64px;width:100%;border-radius:var(--radius-card);border:var(--border-width-hairline) solid var(--color-border);margin-bottom:var(--space-2xs)}.ds-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.ds-table th,.ds-table td{padding:var(--space-xs) var(--space-s);text-align:left;border-bottom:1px solid var(--color-border)}.ds-table th:nth-child(1),.ds-table td:nth-child(1){width:35%}.ds-table th:nth-child(2),.ds-table td:nth-child(2){width:25%}.ds-table th:nth-child(3),.ds-table td:nth-child(3){width:20%}.ds-table tr:last-child td{border-bottom:none}.ds-table th{font-family:var(--ff-mono);text-transform:uppercase;letter-spacing:.035rem;color:var(--color-text-muted);font-weight:var(--font-weight-regular);font-size:18px}.ds-table td{font-family:monospace}.ds-divider{border:0;height:1px;background:var(--color-border);opacity:.5;margin:var(--space-xl)0}.ds-prose{max-width:65ch}.ds-prose h3{font-size:var(--fs-base);margin-top:var(--space-l);margin-bottom:var(--space-xs);font-family:var(--ff-mono);text-transform:uppercase;letter-spacing:.035rem}.ds-prose ul{padding-left:1.25em;color:var(--color-text-muted);margin:0}.ds-prose li{margin-bottom:var(--space-2xs)}.ds-prose strong{color:var(--color-text);font-weight:var(--font-weight-regular)}.ds-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:var(--space-m)}.ds-type-sample{display:flex;flex-direction:column;gap:var(--space-xs)}.ds-type-preview{font-size:clamp(3rem,8vw,5rem);line-height:1;letter-spacing:-.02em}.ds-type-meta{display:flex;flex-direction:column;gap:var(--space-4xs)}.ds-type-token{font-family:var(--ff-mono);font-size:var(--fs-xs);color:var(--color-text-muted);letter-spacing:.02em}.ds-type-label{font-size:var(--fs-sm);font-weight:var(--font-weight-medium)}.ds-type-usage{font-size:var(--fs-xs);color:var(--color-text-muted)}