/* Graphique du premier tour et liste de candidats à cocher,
   partagés par la home et les pages institut (voir bloc-chart.js). */
.chart-wrap { position: relative; width: 100%; height: 500px; }
.candidats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.3em 0.5em; margin-top: 1em; font-size: 0.82em; }
.candidat-cb { display: grid; grid-template-columns: auto 1fr auto 4.5em; align-items: center; gap: 0 0.3em; cursor: pointer; user-select: none; }
.candidat-cb input { accent-color: var(--col); }
.candidat-cb .cb-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 0.3em; }
.candidat-cb .cb-name .pastille { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.candidat-cb .cb-avg { font-size: 0.85em; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.candidat-cb .cb-delta { font-size: 0.8em; text-align: right; color: var(--gris); white-space: nowrap; }
.cb-page-link { text-decoration: none; color: var(--gris); font-weight: 600; font-size: 1.1em; line-height: 1; padding: 0 2px; }
.cb-page-link:hover { color: var(--bleu-vif, #2563eb); }
.candidat-cb.no-delta { grid-template-columns: auto 1fr; }
.cb-col-header { display: grid; grid-template-columns: auto 1fr auto 4.5em; align-items: end; gap: 0 0.3em; }
.cb-col-header .cb-avg-header { font-size: 0.75em; color: var(--gris); text-align: right; }
.cb-col-header .cb-delta-header { font-size: 0.75em; color: var(--gris);
  text-align: right; cursor: help; border-bottom: 1px dotted var(--gris); }
.candidats .cb-extra { display: contents; }
.candidats .cb-extra.collapsed { display: none; }
.candidats .show-more { grid-column: 1 / -1; font-family: var(--corps); font-size: 0.82em;
  color: var(--bleu-vif); background: none; border: none; cursor: pointer; padding: 0.4em 0;
  text-align: left; }

@media (max-width: 600px) {
  .chart-wrap { height: 265px; }
  .candidats { grid-template-columns: repeat(2, 1fr); }
}