/* Pages légales — même système que la page principale, en plus sobre. */
@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;
}
@font-face{
  font-family:'Bricolage Grotesque'; font-style:normal; font-weight:600 800; font-display:swap;
  src:url('/assets/fonts/bricolage-grotesque-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{ --papier:#F7F6F3; --encre:#14161A; --stylo:#1F3A8A; --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:'Inter',system-ui,sans-serif; font-size:18px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
  max-width:74ch; margin-inline:auto; padding:clamp(48px,10vh,96px) clamp(20px,5vw,40px);
}
h1{ font-family:'Bricolage Grotesque',sans-serif; font-weight:800;
    font-size:clamp(32px,5vw,52px); line-height:1.02; letter-spacing:-.03em; }
h2{ font-family:'Bricolage Grotesque',sans-serif; font-weight:600;
    font-size:clamp(20px,2.2vw,26px); line-height:1.25; letter-spacing:-.02em;
    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; }
a{ color:var(--stylo); text-underline-offset:3px; text-decoration-thickness:1px; }
:focus-visible{ outline:2px solid var(--stylo); outline-offset:3px; }
.retour{ display:inline-block; margin-bottom:40px; font-size:14px; text-transform:uppercase;
         letter-spacing:.12em; 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:2px solid var(--encre); padding:20px 24px; }
.todo strong{ display:block; font-family:'Bricolage Grotesque',sans-serif; margin-bottom:8px; }
.todo p{ margin-top:8px; font-size:16px; }
mark{ background:none; color:var(--stylo); font-weight:600; }