/* Pages légales : mêmes jetons que la page d'accueil (index.html). */
:root{
  --ground:#F1F3EF; --paper:#FFFFFF; --ink:#12161B; --ink2:#3A424C; --mute:#6B7480;
  --line:#DCE0DA; --signal:#FF5A1F; --signal-ink:#B83A0C;
  --night:#12161B; --night-line:#2C343E;
  --display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --sans:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --wrap:1160px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}
header.top{position:sticky;top:0;z-index:40;background:rgba(241,243,239,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo .lg{display:block;height:26px;width:auto;color:var(--ink)}
.logo small{font:500 11px/1 var(--mono);letter-spacing:.24em;color:var(--mute);margin-left:4px;padding-top:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:12px;font:600 15px/1 var(--sans);text-decoration:none}
.btn-signal{background:var(--signal);color:#fff}
.btn-signal:hover{background:#ec4a10}
.doc{max-width:760px;padding-block:clamp(48px,7vw,88px)}
.label{margin:0;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal-ink)}
h1,h2{font-family:var(--display);letter-spacing:-.02em;line-height:1.1;text-wrap:balance}
h1{font-size:clamp(36px,5vw,52px);font-weight:800;margin:16px 0 0}
h2{font-size:22px;font-weight:700;margin:44px 0 10px}
.maj{margin:14px 0 0;font-size:14px;color:var(--mute)}
.intro{margin-top:28px;font-size:19px;color:var(--ink2)}
p,li{color:var(--ink2)}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:22px}
li{margin-bottom:6px}
strong{color:var(--ink);font-weight:600}
.doc a{color:var(--signal-ink);text-underline-offset:3px}
mark.todo{background:#FFE7DC;color:var(--signal-ink);border-radius:6px;padding:1px 7px;font:500 14px/1.6 var(--mono)}
footer{background:var(--night);color:#8C96A2;border-top:1px solid var(--night-line);padding-block:36px;font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.foot-brand{display:inline-flex;flex-direction:column;align-items:center;gap:8px}
.foot-logo{display:block;height:40px;width:auto;color:#EEF1F4}
.foot-brand small{font:500 11px/1 var(--mono);letter-spacing:.62em;margin-right:-.62em;color:#EEF1F4}
.foot-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.foot-links a{color:#C9D0D8;text-decoration:none;padding-block:6px}
.foot-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (max-width:520px){header.top .btn{padding:0 14px;font-size:14px}}