/* card — flat bordered container (r14, no shadow), optional eyebrow header. */
.card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  padding: var(--space-6);
}
.card__eyebrow {
  font-family: var(--font-mono); font-size: var(--text-eyebrow); font-weight: 500;
  text-transform: uppercase; letter-spacing: var(--tracking-eyebrow); color: var(--color-muted-foreground);
}
.card__title { margin: var(--space-2) 0 var(--space-4); }