/* Pages légales : mêmes couleurs et polices que la page d'accueil, sans animation */
@font-face{font-family:"Archivo";font-style:normal;font-weight:500 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-var-latin.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/inter-tight-latin.woff2) format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible Next";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/atkinson-next-latin.woff2) format("woff2")}
:root{--night:#000000;--panel:#111113;--edge:#26262b;--text:#f5f5f7;--dim:#a1a1a6;--amber:#ffb547;--ui:"Inter Tight",ui-sans-serif,system-ui,sans-serif;
  --display:"Archivo",ui-sans-serif,system-ui,sans-serif;--body:"Atkinson Hyperlegible Next",ui-sans-serif,system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--night);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--text);font:400 19px/1.6 var(--body)}
.wrap{max-width:820px;margin:0 auto;padding-inline:max(20px,env(safe-area-inset-left,0px))}
a{color:var(--amber);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:6px}

.top{border-bottom:1px solid var(--edge);padding-top:env(safe-area-inset-top,0px)}
.top .wrap{display:flex;justify-content:space-between;align-items:center;height:72px}
/* Logo en nom seul, comme sur la page d'accueil */
.wm{font-family:var(--ui);letter-spacing:-.05em;line-height:1;white-space:nowrap}
.wm .a{font-weight:330;color:var(--dim)}
.wm .r{font-weight:640;color:var(--text)}
.wm .o{position:relative;display:inline-block;line-height:1}
.wm .o::before{content:"";position:absolute;left:50%;top:.02em;width:.4em;height:.22em;translate:-50% 0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 11'%3E%3Cpath d='M0 11 8 0h4l8 11h-4.6L10 3.6 4.6 11z' fill='%23ffb547'/%3E%3C/svg%3E") center/contain no-repeat}
.logo{display:flex;align-items:center;font-size:27px;text-decoration:none}
.back{color:var(--dim);font-weight:700;font-size:17px;text-decoration:none}
.back:hover{color:var(--text)}

.doc{padding-block:64px 90px}
h1{font:800 clamp(40px,7vw,64px)/1 var(--display);font-stretch:82%;letter-spacing:-.02em;margin:0}
.upd{color:var(--dim);font-size:16px;margin:14px 0 0}
.lead{font-size:21px;margin:32px 0 0;padding:22px 24px;background:var(--panel);border:1px solid var(--edge);border-radius:18px}
section{margin-top:52px}
h2{font:800 27px/1.2 var(--display);font-stretch:92%;margin:0 0 14px}
p{margin:0 0 14px;color:#d2d2d7;max-width:64ch}
ul{margin:0 0 14px;padding-left:1.2em;color:#d2d2d7}
li{margin:4px 0}
strong{color:var(--text)}
dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px;margin:0}
dt{color:var(--dim)}
dd{margin:0}
mark{background:rgba(255,181,71,.16);color:var(--amber);padding:1px 6px;border-radius:5px;font-weight:700}

footer .wrap{max-width:1200px;padding-block:30px;border-top:1px solid var(--edge);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;color:var(--dim);font-size:16px}
footer nav{display:flex;gap:22px;flex-wrap:wrap}
footer a{color:var(--dim)}
footer a:hover,footer a[aria-current]{color:var(--text)}

@media (max-width:600px){
  dl{grid-template-columns:1fr;gap:2px}
  dd{margin-bottom:12px}
}