/* legal.css : styles de CONTENU des deux pages légales.
 *
 * Depuis l'adoption de la coquille partagée (2026-08-15), le chrome du site
 * (bandeau, en-tête, navigation, pied de page, jetons de couleur, focus,
 * eyebrow) vient de /assets/audit.css, chargé AVANT ce fichier. Ici ne
 * restent que les styles du document : largeur de lecture, échelle des
 * titres, listes de définitions, pastilles « À COMPLÉTER » et encadré
 * d'avertissement. Ne jamais redéfinir header.site, footer.site ni .topbar
 * dans ce fichier : une seule source pour le chrome, sinon il dérive. */

:root {
  --warn-bg: rgba(230,200,140,0.3); --warn-fg: #6b4a10; --warn-text: #3f3524;
}

/* Largeur de lecture propre au document (860 px, plus étroite que le chrome
   de 1 080 px) ; la gouttière reprend le jeton --gut d'audit.css pour que le
   bord du texte suive celui de l'en-tête à toutes les largeurs. */
main {
  max-width: 860px; margin: 0 auto; padding: 56px 0 40px;
  padding-left: var(--gut) !important;
  padding-right: var(--gut) !important;
}

/* Échelle documentaire : plus resserrée que les pages de service, avec un
   filet au-dessus de chaque article. Chargée après audit.css, elle prime. */
h1 {
  font-family: 'Space Grotesk', sans-serif; font-weight: 600;
  font-size: clamp(32px, 5vw, 46px); line-height: 1.05; letter-spacing: -0.03em; margin: 16px 0 0;
}
h2 {
  font-family: 'Space Grotesk', sans-serif; font-weight: 600;
  font-size: clamp(21px, 3vw, 25px); letter-spacing: -0.02em;
  margin: 48px 0 0; padding-top: 26px; border-top: 1px solid var(--border-soft);
}
h3 { font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 17px; margin: 26px 0 0; }
p, li { font-size: 16px; line-height: 1.7; color: var(--muted); }
p { margin: 14px 0 0; }
ul { margin: 14px 0 0; padding-left: 22px; }
li { margin-top: 7px; }
strong { color: var(--fg); font-weight: 600; }
.updated { font-family: 'IBM Plex Sans', system-ui, sans-serif; font-size: 13px; color: var(--dim2); margin-top: 18px; }

/* Anything still needing real-world data is marked, never invented. */
.todo {
  display: inline-block; background: var(--warn-bg); color: var(--warn-text);
  font-family: 'Space Grotesk', system-ui, sans-serif; font-weight: 600; font-size: 12.5px; line-height: 1.5;
  padding: 3px 9px; border-radius: 6px;
}
.notice {
  margin-top: 24px; background: var(--warn-bg); border-radius: 16px; padding: 20px 24px;
}
.notice p { color: var(--warn-text); margin: 0; font-size: 15px; }
.notice .label {
  font-family: 'Space Grotesk', system-ui, sans-serif; font-weight: 600; font-size: 10.5px; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--warn-fg); margin-bottom: 8px;
}

dl { margin: 14px 0 0; }
dt { font-size: 14px; font-weight: 600; color: var(--fg); margin-top: 16px; }
dd { margin: 4px 0 0; font-size: 16px; line-height: 1.7; color: var(--muted); }