/* Écran « Participation » (design v3) : uniquement des classes préfixées .participation-.
   Les composants partagés (.card, .figure, .chip, .expander, .card-footer, .chart, .readout, .check-row)
   viennent de style.css ; aucune couleur en dur, uniquement les jetons de tokens.css (clair et sombre). */

/* repères : le dénominateur « des inscrits » passe à la ligne d'un bloc, jamais coupé en deux mots */
.participation-figures .figure-value .num, .participation-figures .figure-value .den small { white-space: nowrap; }

/* contexte d'un dépliant (scrutin de référence de l'histogramme, méthode des moyennes) */
.participation-context { font-size: var(--fs-13); color: var(--muted); line-height: 1.45; }

/* liste des moyennes par type au premier tour */
.participation-means { display: flex; flex-direction: column; }
.participation-mean { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); min-height: 48px; padding: var(--s2) 0; border-bottom: 1px solid var(--line); }
.participation-mean:last-child { border-bottom: 0; }
.participation-mean-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.participation-mean-title { font-size: var(--fs-15); font-weight: 500; line-height: 1.3; }
.participation-mean-sub { font-size: var(--fs-13); color: var(--muted); line-height: 1.35; }
.participation-mean-value { flex: none; font-size: var(--fs-15); font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.participation-mean-value .den small { font-weight: 500; }

/* feuille « Filtrer la participation » : cases des types avec compteur */
.participation-check { cursor: pointer; }
.participation-check-label { flex: 1; min-width: 0; }
.participation-check-count { flex: none; color: var(--muted); font-size: var(--fs-13); font-variant-numeric: tabular-nums; }

/* impression : le graphique des colonnes et l'histogramme gardent leur hauteur réservée */
@media print {
  .participation-chart, .participation-dist-chart { break-inside: avoid; }
}