/*
 * Figures de données — Le Poids des Mots
 * Graphiques SVG (pages Certificat Voltaire / Résultats) et témoignages encadrés.
 * Voir templates/components/figure-graphique.php pour la génération des SVG
 * à partir des données (ne pas coder de coordonnées en dur côté PHP).
 */

.figure{border:1px solid var(--filet);background:var(--papier);padding:24px}
.figure figcaption{margin-bottom:18px}
.figure .titre-fig{font-family:var(--sans);font-weight:600;font-size:15.5px;color:var(--encre)}
.figure .sous-fig{font-size:13.5px;color:var(--sourdine);margin-top:3px}
.figure svg{display:block;width:100%;height:auto;overflow:visible}
.fig-txt{font-family:var(--sans);font-size:12px;fill:var(--sourdine)}
.fig-val{font-family:var(--sans);font-size:13px;font-weight:600;fill:var(--encre)}
.fig-axe{stroke:var(--filet);stroke-width:1}
.hint-defile{display:none;font-size:12.5px;color:var(--sourdine);margin-top:12px}

.temoin{border:1px dashed var(--filet-fort);padding:24px;background:var(--surface);display:flex;flex-direction:column;gap:10px}
.temoin .etiq{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--sourdine)}

@media (max-width:700px){
  .figure{overflow-x:auto}
  .figure svg{min-width:620px}
  .hint-defile{display:block}
}