/* =============================================================================
   pg-jalons.css — cartes numerotees (engagements, jalons chronologiques)
   =============================================================================
   Repris de la maquette figee (style.css l. 1855-1860 et 1891). Les commentaires d'origine sont conserves :
   ils portent des motifs de conception qu'aucune autre source ne documente.

   ⚠️ TOUT le CSS de ce type de bloc vit ici — y compris ses @media. Rien dans
   le CSS d'une page : un bloc duplique vers une page vierge doit rester correct.
   ============================================================================= */

/* jalons */
.pg-jalons{ background:var(--creme); }
.pg-jalons__row{ display:grid; grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); gap:clamp(16px,1.8vw,28px); }
.pg-jalon{ background:var(--blanc); border-radius:18px; padding:26px 24px;
  box-shadow:0 14px 40px rgba(0,0,0,.07); }
.pg-jalon__an{ display:block; font-size:clamp(38px,3.4vw,54px); color:var(--jaune-d); line-height:1; margin-bottom:12px; }
.pg-jalon p{ font-size:var(--fs-small); line-height:1.6; color:var(--noir-50); }

/* Variante 4 COLONNES : page Charte, 8 engagements en deux rangees de 4. */
/* ---- PAGE CHARTE : 8 engagements en 2 rangées de 4 (jamais 6+2) ---- */
.pg-jalons__row--4{ grid-template-columns:repeat(auto-fit, minmax(255px, 1fr)); }
