/* =========================================================================
   HibouFiches — pages légales (mentions légales, conditions d'utilisation)
   Complète styles.css et page-rubrique.css sans les modifier. Préfixe legal-.
   Les réglages d'accessibilité (taille, espacement, contraste, fond) passent
   par les variables de styles.css : aucune valeur de couleur propre ici.
   ========================================================================= */
.lg-zone { display: flex; flex-direction: column; gap: 2rem; }
.lg-zone > * { max-width: 46rem; }
.legal-section { display: flex; flex-direction: column; gap: 0.75rem; }
.legal-titre { font-size: 1.75rem; font-weight: 600; letter-spacing: 0; line-height: 1.25; }
.legal-texte, .legal-puces li, .legal-liste dd { font-size: 1.125rem; line-height: 1.7; max-width: 62ch; overflow-wrap: anywhere; }
.legal-puces { padding-left: 1.5rem; display: flex; flex-direction: column; gap: 0.375rem; }
.legal-liste { display: grid; grid-template-columns: minmax(8rem, 14rem) minmax(0, 1fr); gap: 0.5rem 1.5rem; }
.legal-liste dt { font-weight: 600; color: var(--texte-doux); font-size: 1.0625rem; }
.legal-liste dd { margin: 0; }

/* Repères d'information manquante : texte explicite + fond + contour (jamais la couleur seule) */
.legal-manquant, .legal-a-confirmer {
  display: inline; padding: 0.0625rem 0.375rem; border-radius: 0.375rem;
  background: var(--brume); color: var(--encre); border: 2px dashed var(--violet-600);
  font-weight: 600;
}
.legal-brouillon, .legal-a-valider {
  padding: 0.75rem 1rem; border-radius: 1rem; background: var(--brume); color: var(--encre);
  border: 2px dashed var(--violet-600); font-size: 1.0625rem; max-width: 62ch;
}
.legal-a-valider { align-self: flex-start; padding: 0.375rem 0.75rem; font-size: 1rem; }

@media (max-width: 40rem) {
  .lg-zone { gap: 1.5rem; }
  .legal-titre { font-size: 1.5rem; }
  .legal-liste { grid-template-columns: minmax(0, 1fr); gap: 0.125rem; }
  .legal-liste dd { margin-bottom: 0.75rem; }
}
@media print {
  .legal-brouillon { border-style: solid; }
}