.ds-component{gap:var(--space-section-gap);flex-direction:column;display:flex}.ds-component__header{max-width:680px;padding-bottom:var(--space-section-gap);border-bottom:1px solid var(--color-border-default)}.ds-component__eyebrow{align-items:center;gap:var(--space-element-gap);margin-bottom:var(--space-element-gap);display:flex}.ds-component__tier{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);background:var(--color-surface-tertiary);border-radius:var(--border-radius-pill);padding:2px 8px}.ds-component__stat{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary)}.ds-component__stat+.ds-component__stat:before{content:"·";margin-right:var(--space-tight-gap)}.ds-component__title{font-size:var(--font-size-h2);font-weight:var(--font-weight-display);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);margin-bottom:var(--space-element-gap)}.ds-component__purpose{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary)}.ds-component__stories,.ds-component__tokens{gap:var(--space-component-gap);flex-direction:column;display:flex}.ds-component__section-title{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary)}.ds-component__section-lead{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);max-width:600px}