/* @grammaire v2
   ══════════════════════════════════════════════════════════════
   Listing /actualites — overrides spécifiques cards image-bg
   ══════════════════════════════════════════════════════════════
   Le layout principal (sidebar, toolbar, header, dropdown,
   pagination, filter chips, empty state) est porté par
   `zones/content.css`. Ce fichier porte la grille 2 colonnes
   et la card image-background propre aux articles.

   Pattern visuel aligné sur `.training-card` (zones/trainings.css)
   pour cohérence inter-listings.
   ══════════════════════════════════════════════════════════════ */

/* ── Grille — 1 colonne mobile, 2 colonnes ≥ 640px ── */
.content-list__grid--articles {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
}

@media (min-width: 40em) {
    .content-list__grid--articles {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-lg);
    }
}

/* ── Card article — image background + overlay sombre ── */

/* Overlay teinté bleu : mix de la couleur primary avec `--color-navy` pour
   rattraper les pastels qui casseraient le contraste blanc en bas. Dégradé
   vertical pour préserver une bande du visuel visible en haut tout en
   asseyant la lisibilité du titre + tags en bas. Pattern aligné sur
   `.training-card__overlay` (zones/trainings.css) avec une teinte bleue
   uniforme au lieu d'une couleur par domaine. */

/* Chevron en pastille blanche translucide, anime au hover. */

/* Tags thématiques en pills outline blanc translucide — pattern aligné
   sur `.training-card__tag` (zones/trainings.css). */

/* ══════════════════════════════════════════════════════════════
   Variant `featured` — card épinglée pleine largeur au-dessus
   de la grille. Aspect-ratio plus panoramique (21/9 desktop,
   3/2 mobile) et padding plus généreux pour donner du poids
   à l'article mis en exergue. Eyebrow « À la une » avec étoile.
   ══════════════════════════════════════════════════════════════ */