/* Pages légales : même système que la page principale, en plus sobre.
   Tout en bâton, une seule pile, trois graisses (400, 500, 700). */
@font-face{
  font-family:'Inter'; font-style:normal; font-weight:400 600; font-display:swap;
  src:url('/assets/fonts/inter-var.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* --gris rendu à #5A616E : #6B7280 échoue AA sur ce fond (4,47:1). */
:root{
  --sans:'Helvetica Neue',Helvetica,'Inter',Arial,sans-serif;
  --papier:#F7F6F3; --encre:#14161A; --gris:#5A616E; --filet:#E8E4DC;
}
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; border-radius:0; }
body{
  background:var(--papier); color:var(--encre);
  font-family:var(--sans); font-weight:400; font-size:17px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
  max-width:74ch; margin-inline:auto; padding:clamp(48px,10vh,96px) clamp(20px,5vw,40px);
}
h1{ font-weight:700;
    font-size:clamp(32px,5vw,50px); line-height:1.08; letter-spacing:-.035em; }
h2{ font-weight:700;
    font-size:clamp(19px,2.2vw,24px); line-height:1.25; letter-spacing:-.025em;
    margin-top:48px; padding-top:24px; border-top:1px solid var(--filet); }
p,li{ margin-top:16px; }
ul,ol{ padding-left:24px; }
li{ list-style:disc; }
/* Pas de couleur de lien : le soulignement suffit, et rien ne jure avec la
   palette (encre/papier 16,76:1). */
a{ color:var(--encre); text-underline-offset:3px; text-decoration-thickness:1px; }
:focus-visible{ outline:2px solid var(--encre); outline-offset:3px; }
.retour{ display:inline-block; margin-bottom:40px; font-size:12px; font-weight:500;
         text-transform:uppercase; letter-spacing:.18em; color:var(--gris);
         text-decoration:none; border-bottom:1px solid var(--filet); padding-bottom:4px; }
.retour:hover{ color:var(--encre); border-color:var(--encre); }
.maj{ margin-top:12px; font-size:14px; color:var(--gris); }
/* Bloc d'avertissement : il DOIT disparaître avant la mise en ligne. */
.todo{ margin-top:32px; border:1px solid var(--encre); padding:20px 24px; }
/* Le chapeau du bloc seulement : `>` évite que les <strong> en ligne des
   paragraphes prennent le style du titre au milieu d'une phrase. */
.todo > strong{ display:block; font-weight:700; letter-spacing:-.02em;
                font-size:19px; margin-bottom:8px; }
.todo p{ margin-top:8px; font-size:15px; }
mark{ background:none; color:var(--encre); font-weight:700;
      border-bottom:2px solid var(--filet); }