/* Styles des pages légales — reprend la charte du site */
@font-face{font-family:"Fraunces";src:url("fonts/fraunces.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --graphite:#383539;--graphite-fonce:#26242A;--jaune:#D9E63F;--jaune-fonce:#A8B41C;
  --craie:#F5F4F0;--platre:#DFDCD4;--blanc:#FFFFFF;--texte-doux:#5E5A60;--sur-sombre:#C2BEC4;
}
*{box-sizing:border-box}
body{margin:0;background:var(--craie);color:var(--graphite);font-family:"Inter",system-ui,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--graphite);text-underline-offset:3px}
a:hover{background:var(--jaune)}
:focus-visible{outline:3px solid var(--jaune-fonce);outline-offset:3px}

.entete{background:var(--graphite);border-bottom:3px solid var(--jaune)}
.entete__inner{max-width:860px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.entete a{color:var(--blanc);text-decoration:none}
.entete a:hover{background:none;color:var(--jaune)}
.entete .nom{font-family:"Fraunces",serif;font-weight:800;font-size:1.15rem;letter-spacing:-.01em}
.entete .retour{font-size:.92rem;font-weight:500;color:var(--sur-sombre)}

main{max-width:860px;margin:0 auto;padding:56px 24px 80px}
h1,h2{font-family:"Fraunces",serif;font-weight:800;line-height:1.1;letter-spacing:-.015em}
h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 .3em}
h2{font-size:1.5rem;margin:2.4em 0 .6em;padding-top:1.2em;border-top:2px solid var(--graphite)}
h2:first-of-type{margin-top:1.6em}
p,ul{margin:0 0 1rem}
ul{padding-left:1.2rem}
li{margin-bottom:.35rem}
.maj{color:var(--texte-doux);font-size:.92rem}
dl{margin:0 0 1rem;display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:.55rem 1.4rem}
dt{font-weight:600}
dd{margin:0}
@media (max-width:600px){dl{grid-template-columns:1fr;gap:.1rem}dd{margin-bottom:.7rem}}

.todo{background:var(--jaune);color:var(--graphite);padding:1px 7px;font-weight:600;font-size:.88em}

.pied{background:var(--graphite-fonce);color:var(--sur-sombre);font-size:.88rem}
.pied div{max-width:860px;margin:0 auto;padding:28px 24px;display:flex;gap:10px 22px;flex-wrap:wrap;justify-content:space-between}
.pied a{color:var(--sur-sombre)}
.pied a:hover{background:none;color:var(--jaune)}