/* Écran « Tendances » : classes préfixées .tendances- uniquement, en complément de la base partagée (style.css).
   Les couleurs politiques viennent des marques (pastilles, segments, courbes), jamais de ces règles. */

/* repères : à 720 px la grille passe à trois colonnes ; la valeur et son dénominateur ne se coupent jamais en
   deux (« 37,5 % des » / « exprimés »), le dénominateur passe à la ligne d'un seul tenant sous la valeur */
.tendances-figures .figure-value .num, .tendances-figures .figure-value .den small { white-space: nowrap; }

/* liste cochée des types de scrutin dans les feuilles de réglages */
.tendances-checks { display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-8); overflow: hidden; }
.tendances-check { padding: 0 var(--s3); border-bottom: 1px solid var(--line); cursor: pointer; }
.tendances-check:last-child { border-bottom: 0; }
.tendances-check > span { flex: 1; min-width: 0; }
.tendances-check small { color: var(--muted); font-size: var(--fs-13); white-space: nowrap; font-variant-numeric: tabular-nums; }
.tendances-check input:disabled ~ span { color: var(--muted); }

/* courbe et histogramme : une légende vide ne doit pas creuser un écart dans la pile */
.tendances-evo-legend:empty, .tendances-compo-legend:empty, .tendances-dist-legend:empty { display: none; }

/* contenu des dépliants (composition, position) */
.tendances-compo, .tendances-dist { display: flex; flex-direction: column; gap: var(--s3); }
.tendances-dist-seg { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.tendances-dist-seg::-webkit-scrollbar { display: none; }
.tendances-dist-seg .segmented { display: inline-flex; max-width: none; }