/* ==========================================================================
   SCODAA — Styles propres à la page "Résultats & Impact"
   ========================================================================== */

.grille-chiffres { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: var(--rayure); border-left: var(--rayure); }
.grille-chiffres .cellule { border-right: var(--rayure); border-bottom: var(--rayure); padding: 1.6rem 1.4rem; display: flex; gap: 1rem; align-items: flex-start; }
.grille-chiffres .chiffre { font-family: var(--font-titre); font-size: 2.2rem; color: var(--scodaa-bleu-profond); line-height: 1; }
.grille-chiffres .label { font-size: 0.82rem; color: #555; margin-top: 0.5rem; }
@media (max-width: 767.98px) { .grille-chiffres { grid-template-columns: repeat(2, 1fr); } }

.frise-tournee { position: relative; padding-left: 3.4rem; }
.frise-tournee::before {
  content: ""; position: absolute; left: 19px; top: 6px; bottom: 6px; width: 1px;
  background: linear-gradient(180deg, var(--scodaa-orange), var(--scodaa-rose), var(--scodaa-bleu));
}
.frise-tournee .frise-etape { position: relative; padding-bottom: 1.9rem; }
.frise-tournee .frise-etape:last-child { padding-bottom: 0; }
.frise-tournee .frise-etape .icone-point {
  position: absolute; left: -3.4rem; top: -0.1rem; width: 2.5rem; height: 2.5rem;
  border: 2px solid var(--scodaa-fond); box-shadow: 0 0 0 1px #4A4A4A22;
}
.frise-tournee .frise-etape p { margin: 0.15rem 0 0; }

.mur-galerie {
  display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: 150px; gap: 6px;
}
.mur-galerie a { display: block; overflow: hidden; position: relative; }
.mur-galerie img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.mur-galerie a:hover img { transform: scale(1.06); }
.mur-galerie .g-large { grid-column: span 3; grid-row: span 2; }
.mur-galerie .g-moyen { grid-column: span 2; grid-row: span 1; }
.mur-galerie .g-simple { grid-column: span 2; grid-row: span 1; }
@media (max-width: 767.98px) {
  .mur-galerie { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; }
  .mur-galerie .g-large { grid-column: span 2; grid-row: span 2; }
  .mur-galerie .g-moyen, .mur-galerie .g-simple { grid-column: span 1; grid-row: span 1; }
}