/* =============================================================================
   site-legal.css — la MISE EN PAGE des pages légales longues, et rien d'autre
   =============================================================================
   🔴 EXTRAIT DE `confidentialite.html` LE 2026-09-17, en écrivant sa version anglaise.
   Ce bloc y vivait en ligne. Le recopier dans `/en/privacy` aurait fait DEUX
   feuilles — et cinq de plus le jour où les cinq langues restantes arrivent. Deux
   copies d'une mise en page divergent au premier ajustement, et c'est précisément le
   défaut que ce bloc corrigeait déjà en 2026-08-30 : la page « venait d'ailleurs »
   parce que six valeurs ne suivaient plus celles du site.

   🔴 AUCUNE COULEUR EN DUR — règle posée le 2026-08-26 et gardée par
   `siteEnTeteRetour.test.ts`, qui lit désormais CE fichier. Cette page arrivait du
   proxy, où elle était seule et pouvait figer un thème sombre. Sur le site,
   `tokens.css` bascule en clair selon les préférences du lecteur : du texte de la
   bonne couleur sur un fond de l'autre thème est le défaut du 2026-08-22.
   ⚠️ Ne vit ici que la MISE EN PAGE, jamais la palette.

   ⚠️ ON NE REDÉFINIT QUE CE QUE `site.css` NE COUVRE PAS. Tout le reste est hérité —
   et le restera quand l'échelle du site bougera.
   ============================================================================= */
/* 🔴 AUCUNE COULEUR EN DUR — converties en jetons le 2026-08-26.
   Cette page arrivait du proxy, où elle était seule et pouvait donc figer un
   thème sombre. Sur le site, `tokens.css` bascule en clair selon les préférences
   du lecteur : une page qui garde ses couleurs pendant que `site.css` style les
   éléments qu'elle ne couvre pas produit exactement le défaut du 2026-08-22 —
   du texte de la bonne couleur sur un fond de l'autre thème.
   ⚠️ Ne reste ici que la MISE EN PAGE, jamais la palette. */
/* 🔴 RÉÉCRIT LE 2026-08-30 — la page jurait avec l'accueil, et voici pourquoi.
   Elle redéfinissait `body` et `.wrap`, que `site.css` définit déjà : colonne de
   720 px contre `--content` (600), interligne 1.6 contre 1.5, et une échelle de
   corps ÉCRITE EN DUR (26/18/15/14/13/20 px) alors que le site a `--fs-*`.
   ⚠️ Ce n'était pas un thème « à part » : c'était le MÊME site avec six valeurs qui
   ne suivaient pas. D'où l'impression que la page vient d'ailleurs.
   ➡️ On ne redéfinit plus que ce que `site.css` ne couvre PAS. Tout le reste est
   hérité — et le restera quand l'échelle du site bougera. */
h1 { font-size: var(--fs-34); line-height: 1.1; letter-spacing: -.03em; }
h2 { font-size: var(--fs-27); line-height: 1.14; letter-spacing: -.02em; margin-top: 40px; color: var(--text); }
h3 { font-size: var(--fs-17); margin-top: 26px; color: var(--text); }
.muted { color: var(--text-3); font-size: var(--fs-13); }
ul { padding-inline-start: 20px; }
li { margin-block: 4px; }
code { background: var(--surface); padding: 1px 6px; border-radius: var(--r-sm); font-size: var(--fs-13); }
hr { border: none; border-top: 1px solid var(--border); margin-block: 32px; }
/* ⚠️ La politique est un document LONG : sans respiration entre les blocs, la colonne
   de 600 px devient un mur. C'est la seule chose que l'accueil n'avait pas besoin de
   régler — ses sections sont courtes. */
p { margin-block: 12px; }
.wrap { padding-block: var(--gap-loose) 80px; }
.tablewrap { overflow-x: auto; margin: 14px 0; }
table { border-collapse: collapse; width: 100%; font-size: var(--fs-13); min-width: 460px; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--border); vertical-align: top; }
th { color: var(--text-2); font-weight: 700; }
.card { background: var(--surface); border-radius: var(--r-lg); padding: 14px 16px; margin: 16px 0; }