/* Règles CSS manquantes pour la grille du blog (/blog, /blog/[slug]).
 *
 * La page Blog n'a jamais été publiée depuis Webflow : les CSS exportées (wf-assets/*.css)
 * ne contiennent donc AUCUNE règle de base (>991px) pour .blog21_list et
 * .blog21_featured-item-link — seules les surcharges tablette (max-width:991px) et mobile
 * (max-width:767px) existent, copiées depuis un composant Webflow réel. Sans règle de base,
 * le navigateur retombe sur le fallback générique .w-layout-grid (2 colonnes, 16px de gap),
 * ce qui casse la mise en page desktop de la grille d'articles et empile mal chaque carte
 * (image/texte en 2 colonnes au lieu d'un empilement vertical).
 *
 * Ce fichier est chargé par blog-shell.tsx APRÈS la CSS Webflow. Les règles ci-dessous sont
 * encadrées par le même point de rupture desktop que Webflow (min-width:992px, symétrique du
 * max-width:991px des surcharges tablette) afin de ne jamais chevaucher — ni donc casser —
 * les media queries tablette/mobile existantes, quel que soit l'ordre de chargement.
 *
 * Valeurs choisies par cohérence avec le reste du site plutôt que reconstituées (la page
 * n'ayant jamais existé dans Webflow) :
 * - .blog21_list : grille 2 colonnes, gap 4rem — même ordre de grandeur aéré que
 *   .layout4_content (gap 5rem/4rem, cf. wf-assets/9d32b081-...css), et cohérent avec la
 *   surcharge tablette existante (2 colonnes, gap 2rem) qui resserre progressivement.
 * - .blog21_featured-item-link : 1 colonne, gap 1.5rem — identique aux valeurs déjà présentes
 *   dans LES DEUX media queries existantes (tablette et mobile), donc valeur stable sur
 *   toute la plage de largeurs, jamais définie au-delà de 991px.
 */
@media screen and (min-width: 992px) {
  .blog21_list {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .blog21_featured-item-link {
    grid-template-columns: 1fr;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }
}

/* .section_header36 existe dans d'autres bundles CSS du site (ex.
 * wf-assets/774b8fd4-...css) avec cette seule règle, mais est absente du bundle CSS de la
 * home (9d32b081-...css) chargé par BlogShell pour les pages /blog. Reprise à l'identique —
 * pas de media query dans la définition d'origine. */
.section_header36 {
  color: var(--color-scheme-1--text);
}