/* Pages légales — reprend la direction artistique du site */
:root{
  --paper:#221D18; --paper-2:#2D261F; --ink:#F3EEE6; --ink-soft:#CFC6B8;
  --muted:#9C9184; --line:#403528; --accent:#D2AF84; --creme:#FAF6F0;
  --serif:"Instrument Serif", Georgia, "Times New Roman", serif;
  --sans:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color-scheme:dark;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--paper); scroll-behavior:smooth}
body{margin:0; background:transparent; color:var(--ink);
  font:400 16.5px/1.65 var(--sans); -webkit-font-smoothing:antialiased}
body::before{content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background-color:var(--paper); background-repeat:no-repeat;
  background-image:
    radial-gradient(130% 70% at 100% -14%, rgba(216,148,72,.20), transparent 60%),
    radial-gradient(120% 68% at -16% 106%, rgba(196,112,52,.13), transparent 60%)}
img{max-width:100%; display:block}
.wrap{max-width:780px; margin:0 auto;
  padding-left:max(20px, env(safe-area-inset-left,0px));
  padding-right:max(20px, env(safe-area-inset-right,0px))}
header{border-bottom:1px solid var(--line)}
.bar{display:flex; align-items:center; justify-content:space-between; gap:16px; height:76px}
.bar img{height:32px; width:auto}
.bar a{color:var(--ink-soft); text-decoration:none; font-size:15px}
.bar a:hover{color:var(--ink)}
main{padding-block:clamp(36px,6vw,64px) clamp(50px,7vw,86px)}
h1{font-family:var(--serif); font-weight:400; font-size:clamp(36px,5.4vw,58px);
  line-height:1.02; letter-spacing:-.01em; margin:0 0 10px}
.maj{font-size:14px; color:var(--muted); margin:0 0 clamp(30px,4vw,44px)}
h2{font-family:var(--serif); font-weight:400; font-size:clamp(24px,2.6vw,32px);
  line-height:1.15; margin:clamp(34px,4vw,48px) 0 12px; padding-top:clamp(20px,2.4vw,26px);
  border-top:1px solid var(--line)}
h3{font-family:var(--serif); font-weight:400; font-size:21px; margin:24px 0 8px}
p{margin:0 0 14px; color:var(--ink-soft)}
p strong,li strong{color:var(--ink); font-weight:500}
ul{margin:0 0 16px; padding-left:20px; color:var(--ink-soft)}
li{margin-bottom:7px}
a{color:var(--accent); text-underline-offset:3px}
dl{display:grid; grid-template-columns:minmax(150px,auto) 1fr; gap:10px 24px; margin:0 0 18px}
dt{color:var(--muted); font-size:14.5px}
dd{margin:0; color:var(--ink)}
@media (max-width:560px){ dl{grid-template-columns:1fr; gap:2px 0} dd{margin-bottom:12px} }
.todo{background:rgba(210,175,132,.10); border:1px solid rgba(210,175,132,.45);
  border-radius:4px; padding:3px 9px; color:var(--accent); font-size:14px; white-space:nowrap}
.btn{display:inline-flex; align-items:center; min-height:46px; padding:0 22px; border-radius:999px;
  border:1px solid color-mix(in srgb,var(--ink) 34%,transparent); color:var(--ink);
  text-decoration:none; font:500 15px var(--sans); background:transparent; cursor:pointer}
.btn:hover{background:var(--creme); color:#44230A; border-color:var(--creme)}
footer{border-top:1px solid var(--line); padding-block:28px 40px; font-size:14px; color:var(--muted)}
.foot{display:flex; flex-wrap:wrap; gap:12px 26px; justify-content:space-between}
.foot a{color:var(--ink-soft); text-decoration:none}
.foot a:hover{color:var(--ink)}