/* Pages légales — colonne de texte étroite, un h2 par section (jetons de tokens.css uniquement). */

.legal-hero {
  padding-block: 48px 40px;
}
.legal__colonne {
  max-width: 720px;
  margin-inline: auto;
}
.legal__maj {
  margin-top: var(--space-3);
  font-size: var(--fs-14);
  color: var(--color-muted);
}
.legal__texte {
  color: var(--color-muted);
  line-height: 1.75;
}
.legal__section + .legal__section {
  margin-top: var(--space-7);
}
.legal__section h2 {
  color: var(--color-fg);
  font-size: clamp(1.2rem, 2vw, 1.45rem);
  margin-bottom: var(--space-3);
}
.legal__section p + p {
  margin-top: var(--space-3);
}
.legal__section strong {
  color: var(--color-fg);
}
.legal__section a {
  overflow-wrap: anywhere;
}

/* Bloc « statistiques : refuser / accepter » (page Confidentialité, piloté par stats.js) */
.stats-choix {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-4);
  margin-top: var(--space-4);
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-bg-alt);
}
.stats-choix[hidden] {
  display: none;
}
.stats-choix__etat {
  flex: 1 1 260px;
  color: var(--color-fg);
}