/* [ABC-4-236] STYLE COMMUN des cases à cocher et boutons radio d'EPE (public, espace personnel, administration).
   Défaut corrigé : la règle générale des champs (« input { width: 100%; height: 53px } ») agrandissait toute case, et le
   .form-check de Bootstrap 4 (case en position absolue) la posait PAR-DESSUS le texte du libellé. Ici : taille normale,
   à gauche du libellé, alignée sur la première ligne, libellé cliquable, retour à la ligne propre sur mobile.
   Une seule règle pour tout le site, jamais un correctif par formulaire. Chargée par templates/base.html.twig. */
input[type="checkbox"], input[type="radio"] {
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  min-height: 0;
  margin: .2rem 0 0;
  padding: 0;
  accent-color: #0b3d91;
  cursor: pointer;
}
/* Focus visible ≥ 3:1 (WCAG 1.4.11), sur fond clair comme sur fond sombre : anneau blanc puis anneau bleu foncé. */
input[type="checkbox"]:focus-visible, input[type="radio"]:focus-visible {
  outline: 3px solid transparent;
  box-shadow: 0 0 0 2px #fff, 0 0 0 5px #0b3d91;
}
.form-check, .checkbox-row {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  padding-left: 0;
}
.form-check .form-check-input { position: static; float: none; margin: .2rem 0 0; }
.form-check .form-check-label, .form-check label, .checkbox-row label {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  line-height: 1.5;
  font-weight: 400;
  cursor: pointer;
  overflow-wrap: anywhere;
}