/* Pages secondaires (mentions légales, confidentialité, 404) — mêmes tokens que la page d'accueil */
:root{
  --royal:#192F78; --night:#212554; --night-deep:#171A3F; --lavender:#978DB9; --lavender-ink:#6A5E9E; --lavender-soft:#D9D4EA;
  --paper:#F7F5F1; --white:#FFFFFF; --ink:#16193D; --ink-soft:#4A4D6B; --line:rgba(33,37,84,.14); --line-light:rgba(255,255,255,.16);
  --f-display:"Montserrat","Helvetica Neue",Arial,sans-serif; --f-serif:"Instrument Serif","Cormorant Garamond",Georgia,serif;
  --gutter:clamp(20px,5vw,72px);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-display);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--royal)}
:focus-visible{outline:2px solid var(--lavender);outline-offset:3px}
.wrap{max-width:1100px;margin-inline:auto;padding-inline:var(--gutter)}
.top{background:var(--night-deep);color:var(--white)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:76px}
.logo{font-weight:800;font-size:18px;letter-spacing:.32em;color:var(--white);text-decoration:none;display:flex;align-items:baseline;gap:10px}
.logo small{font-size:9px;letter-spacing:.3em;font-weight:500;color:var(--lavender)}
.logo img{height:48px;width:auto;display:block}
.back{color:rgba(255,255,255,.85);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.back:hover{color:var(--white)}
.band{background:var(--night);color:var(--white);padding-block:clamp(56px,8vw,110px) clamp(40px,6vw,72px)}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--lavender);display:flex;align-items:center;gap:12px;margin:0 0 22px}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.6}
h1{font-weight:800;text-transform:uppercase;font-size:clamp(32px,5vw,64px);line-height:1;letter-spacing:-.02em;margin:0;text-wrap:balance}
h1 em{font-family:var(--f-serif);font-weight:400;text-transform:none;color:var(--lavender);letter-spacing:0}
.updated{margin:22px 0 0;color:rgba(255,255,255,.7);font-size:13px}
.doc{padding-block:clamp(48px,7vw,96px)}
.doc section{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:clamp(16px,4vw,56px);padding-block:32px;border-top:1px solid var(--line)}
.doc h2{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--royal);margin:4px 0 0}
.doc .body{max-width:68ch;color:var(--ink-soft);display:grid;gap:12px}
.doc .body p,.doc .body ul{margin:0}
.doc .body ul{padding-left:20px;display:grid;gap:6px}
.doc .body strong{color:var(--ink)}
.todo{background:#FFF0B8;color:#4D3B00;padding:1px 6px;border-radius:2px;font-weight:600;font-size:.92em}
footer{background:var(--night-deep);color:rgba(255,255,255,.7);font-size:12px;padding-block:28px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}
footer a{color:rgba(255,255,255,.85);text-decoration:none;margin-right:20px}
footer a:hover{color:var(--lavender)}
.btn{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:16px 24px;border-radius:999px;border:1px solid transparent;transition:background .3s,color .3s,border-color .3s}
.btn-light{background:var(--white);color:var(--night)} .btn-light:hover{background:var(--lavender);color:var(--white)}
.btn-ghost{border-color:var(--line-light);color:var(--white)} .btn-ghost:hover{border-color:var(--white)}
@media (max-width:720px){.doc section{grid-template-columns:1fr;gap:10px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}