.ds-foundations-typography{gap:var(--space-section-gap);flex-direction:column;display:flex}.ds-foundations-typography__header{gap:var(--space-inline-gap);padding-bottom:var(--space-component-gap);border-bottom:1px solid var(--color-border-default);flex-direction:column;display:flex}.ds-foundations-typography__eyebrow{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-secondary)}.ds-foundations-typography__title{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-heading);color:var(--color-text-primary);margin:0}.ds-foundations-typography__lead{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);max-width:64ch}.ds-typography-section-title{font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-heading);color:var(--color-text-primary);margin:0 0 var(--space-component-gap)}.ds-typography-typefaces{flex-direction:column;display:flex}.ds-typefaces{gap:var(--space-element-gap);flex-wrap:wrap;display:flex}.ds-typeface{padding:var(--space-component-gap);border:1px solid var(--color-border-default);border-radius:var(--border-radius-card);background:var(--color-surface-secondary);gap:var(--space-element-gap);flex-direction:column;flex:280px;display:flex}.ds-typeface__name{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:var(--font-weight-heading);color:var(--color-text-primary);line-height:1.1}.ds-typeface__meta{flex-direction:column;gap:2px;display:flex}.ds-typeface__role{font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-secondary)}.ds-typeface__weights{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary);opacity:.7}.ds-typography-scale{flex-direction:column;display:flex}.ds-type-specimens{border:1px solid var(--color-border-default);border-radius:var(--border-radius-card);flex-direction:column;display:flex;overflow:hidden}.ds-type-specimen{gap:var(--space-element-gap);padding:var(--space-element-gap) var(--space-component-gap);border-bottom:1px solid var(--color-border-default);grid-template-columns:160px 1fr;align-items:start;display:grid}.ds-type-specimen:last-child{border-bottom:none}.ds-type-specimen__meta{flex-direction:column;flex-shrink:0;gap:4px;padding-top:.25em;display:flex}.ds-type-specimen__label{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);font-weight:var(--font-weight-label);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-label)}.ds-type-specimen__note{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary);opacity:.6}.ds-type-specimen__text{color:var(--color-text-primary);font-family:var(--font-family-base);overflow-wrap:break-word;min-width:0;margin:0}.ds-typography-tokens{flex-direction:column;display:flex}.ds-typography-tokens__note{font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-secondary);max-width:60ch}.ds-typography-tokens__link{color:var(--color-accent-default);text-underline-offset:2px;transition:opacity var(--duration-interaction) var(--easing-default);text-decoration:underline}.ds-typography-tokens__link:hover{opacity:.7}@media (max-width:720px){.ds-type-specimen{grid-template-columns:1fr}.ds-type-specimen__meta{align-items:center;gap:var(--space-element-gap);flex-direction:row}}@media (prefers-reduced-motion:reduce){.ds-typography-tokens__link{transition:none}}