/* Page des mentions légales. Chargée après landing.css, dont elle reprend les tokens et les polices :
   elle ne fait que la mise en page d'un texte, sans style en ligne (même CSP que la landing). */

/* La landing tient dans l'écran et coupe le défilement ; ce texte, lui, défile. */
html,body{height:auto}
body.mentions{overflow:auto;min-height:100vh;display:flex;flex-direction:column;font-size:calc(16 * var(--u));line-height:var(--leading-normal);color:var(--text-muted)}

/* Une colonne de lecture d'environ 75 caractères, que --u fait grandir au-delà de 1920px. En px et non en ch : le pied,
   en plus petit, garderait sinon une autre largeur, et ne s'alignerait plus sur le texte. */
.entete,.texte,.pied{width:100%;max-width:calc(680 * var(--u) + 2 * 24px);margin:0 auto;padding:0 24px}
.entete{padding-top:calc(30 * var(--u))}
.accueil{font-size:calc(20 * var(--u));font-weight:var(--weight-black);letter-spacing:var(--tracking-snug);color:var(--text-primary);text-decoration:none}
.texte{flex:1;padding-top:calc(36 * var(--u));padding-bottom:calc(48 * var(--u))}
.pied{padding-bottom:calc(30 * var(--u));font-size:var(--text-sm)}

.texte h1{font-size:calc(34 * var(--u));font-weight:var(--weight-black);letter-spacing:var(--tracking-snug);line-height:1.15;color:var(--text-primary)}
.chapeau{margin-top:var(--space-7);font-size:calc(18 * var(--u))}
.texte section{margin-top:calc(36 * var(--u))}
.texte h2{font-size:calc(20 * var(--u));font-weight:var(--weight-bold);color:var(--text-primary)}
.texte h3{margin:calc(20 * var(--u)) 0 0;font-size:calc(16 * var(--u));font-weight:var(--weight-semibold);color:var(--text-primary)}
.texte p,.texte ul,.texte dl{margin:calc(10 * var(--u)) 0 0}
.texte ul{padding-left:1.25em}
.texte dt{margin-top:calc(10 * var(--u));font-weight:var(--weight-semibold);color:var(--text-primary)}
.texte dd{margin:0}

/* Liens : soulignés, en couleur de texte principale (contraste du texte courant sur --bg-base, sans dépendre d'un accent). */
.mentions a{color:var(--text-primary);text-decoration:underline;text-underline-offset:.15em;overflow-wrap:anywhere}
.mentions .accueil{text-decoration:none}
.mentions a:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px;border-radius:2px}

/* Ce qui reste à compléter avant la mise en ligne se voit, même en survolant la page. */
.marqueur{color:var(--tv-300);font-weight:var(--weight-semibold)}