@layer components {
  /* ============================================
     Events Index — index-specific styles
     ============================================
     Extends the base event-card component
     (events_preview.css) for the full events list.
     ============================================ */

  /* ── Description snippet (index only) ── */
  .event-card__description {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-top: 0.25rem;
    line-height: 1.4;
  }
}