/* Pages légales — chargé sur les quatre (repris de _generation/corps/_legal.css). */
/* ════════════════════════════════════════════════════════════
   PAGES LÉGALES — mise en page commune aux quatre.
   Colonne unique, texte dense, hiérarchie de titres marquée.
   ════════════════════════════════════════════════════════════ */
.legal{ padding-block:2.5rem 4rem; }
.legal__interieur{ max-width:70ch; margin-inline:auto; }
.legal h1{
  font-family:var(--serif); font-size:clamp(1.8rem,4vw,2.4rem);
  color:var(--bleu); margin-bottom:.75rem;
}
.legal__maj{ font-size:.85rem; color:var(--gris); margin:0 0 2.5rem; }
.legal h2{
  font-family:var(--serif); font-size:1.25rem; color:var(--bleu);
  margin:2.75rem 0 .85rem; padding-bottom:.5rem; border-bottom:1px solid #e2e8ea;
}
.legal h3{ font-size:1rem; font-weight:500; color:var(--encre); margin:1.5rem 0 .5rem; }
.legal p{ margin:0 0 1.1rem; }
.legal ul{ margin:0 0 1.1rem; padding-left:1.25rem; }
.legal li{ margin-bottom:.45rem; }
.legal p:last-child, .legal ul:last-child{ margin-bottom:0; }
.legal strong{ font-weight:500; color:var(--encre); }

/* Tableau des cookies et des destinataires de données. */
.legal__tableau{ overflow-x:auto; margin:0 0 1.5rem; }
.legal__tableau table{ width:100%; border-collapse:collapse; min-width:34rem; font-size:.93rem; }
.legal__tableau th, .legal__tableau td{ text-align:left; padding:.7rem .9rem; border-bottom:1px solid #e8eced; vertical-align:top; }
.legal__tableau thead th{ font-weight:500; color:var(--bleu); font-size:.85rem; letter-spacing:.04em; }
.legal__tableau td{ color:var(--gris); }

/* Définitions : coordonnées de l'éditeur, de l'hébergeur… */
.legal dl{ margin:0 0 1.5rem; display:grid; gap:.5rem 1.5rem; }
@media (min-width:600px){ .legal dl{ grid-template-columns:14rem 1fr; } }
.legal dt{ color:var(--gris); font-size:.93rem; }
.legal dd{ margin:0; }

/* ── Champ à compléter ────────────────────────────────────────
   Volontairement voyant. Une mention légale inventée est pire
   qu'une mention légale manquante : ces blocs doivent sauter aux
   yeux tant que l'information n'a pas été fournie, et disparaître
   ensuite. Ils sont recensés dans CHECKLIST.md.
   ─────────────────────────────────────────────────────────── */
.a-completer{
  display:inline-block; background:#fdf3e3; color:#7a5320;
  border:1px dashed #d8ab5f; border-radius:2px;
  padding:.1rem .5rem; font-size:.88rem;
}
.avis{
  background:#fdf3e3; border-left:3px solid #d8ab5f; border-radius:3px;
  padding:1.15rem 1.35rem; margin:0 0 2.5rem;
}
.avis h2{ margin:0 0 .4rem; border:0; padding:0; font-size:1.05rem; color:#7a5320; }
.avis p{ margin:0; font-size:.92rem; color:#7a5320; }