.announcements-grid-dynamic {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.25rem;
            align-items: start;
        }

        /* Tablette : 2 colonnes */
        @media (max-width: 1024px) {
            .announcements-grid-dynamic {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        /* Mobile : 1 colonne */
        @media (max-width: 640px) {
            .announcements-grid-dynamic {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            /* Sur mobile, la featured prend toute la largeur mais reste compacte */
            .announcements-grid-dynamic .announcement-card.featured {
                padding: 1rem;
            }

            .announcements-grid-dynamic .announcement-card {
                padding: 1rem;
            }
        }