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

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