.component-card{gap:var(--space-element-gap);padding:var(--space-component-gap);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-component);transition:background var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default);flex-direction:column;text-decoration:none;display:flex}.component-card:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-strong)}.component-card:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.component-card__header{justify-content:space-between;align-items:center;gap:var(--space-element-gap);display:flex}.component-card__name{font-family:var(--font-family-base);font-size:var(--font-size-h4);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);line-height:var(--line-height-h4)}.component-card__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);white-space:nowrap;flex-shrink:0;padding:2px 8px}.component-card__purpose{font-family:var(--font-family-base);font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.component-card__meta{gap:var(--space-tight-gap);flex-wrap:wrap;margin-top:auto;display:flex}.component-card__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)}.component-card__stat+.component-card__stat:before{content:"·";margin-right:var(--space-tight-gap)}@media (prefers-reduced-motion:reduce){.component-card{transition:none}}