/* Pages légales (mentions légales, CGV, confidentialité) — mêmes tokens que index.html. */
@font-face{font-family:'Inter';src:url(fonts/inter-latin.woff2) format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --deep-ink:#000d10;
  --pure-white:#ffffff;
  --cool-ash:#8e8e95;
  --pebble:#d5d3d4;
  --midnight-hull:#0f0f1c;
  --charcoal-deck:#151623;
  --clay-ember:#bc7155;
  --highlight:#fff3b0;
  --muted:#63676d;

  --font:'Inter','Neue Haas Grotesk Display','Helvetica Neue',ui-sans-serif,system-ui,sans-serif;
  --radius-full:1000px;
  --nav-h:64px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{font-family:var(--font);background:var(--pure-white);color:var(--deep-ink);
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-underline-offset:.2em}
a:hover{text-decoration-color:var(--clay-ember)}
:focus-visible{outline:2px solid var(--deep-ink);outline-offset:3px}
footer :focus-visible{outline-color:var(--pure-white)}

mark.ph{background:var(--highlight);color:var(--deep-ink);padding:0 .2em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}

/* nav */
.nav{position:sticky;top:0;z-index:40;background:var(--pure-white);border-bottom:1px solid var(--pebble)}
.nav-in{max-width:1200px;height:var(--nav-h);margin:0 auto;padding:0 16px;
  display:flex;align-items:center;gap:28px}
.logo{font-weight:700;font-size:19px;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.back{margin-left:auto;font-size:15px;color:var(--muted);text-decoration:none}
.back:hover{color:var(--deep-ink)}

/* contenu */
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
header.page{padding:clamp(48px,7vw,88px) 0 24px}
.kicker{display:block;margin-bottom:12px;font-weight:700;font-size:15px;letter-spacing:.04em;
  text-transform:uppercase;color:var(--muted)}
h1{font-weight:700;font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-.02em}
.meta{margin-top:16px;color:var(--muted);font-size:15px}
h2{font-weight:700;font-size:clamp(22px,2.4vw,28px);line-height:1.2;letter-spacing:-.01em;
  margin:48px 0 14px;padding-top:28px;border-top:1px solid var(--pebble);
  scroll-margin-top:calc(var(--nav-h) + 16px)}
h3{font-weight:700;font-size:18px;margin:28px 0 8px}
p{margin-bottom:14px}
ul,ol{margin:0 0 14px 22px}
li{margin-bottom:8px}
li::marker{color:var(--cool-ash)}
strong{font-weight:700}

/* encadrés */
.warn{margin:24px 0;padding:18px 22px;border-radius:16px;background:var(--highlight)}
.warn p:last-child{margin-bottom:0}
.key{margin:20px 0;padding:18px 22px;border-left:3px solid var(--clay-ember);background:#f6f5f5;
  border-radius:0 16px 16px 0}
.key p:last-child{margin-bottom:0}
.toc{margin:28px 0;padding:22px 26px;border:1px solid var(--pebble);border-radius:16px}
.toc h2{margin:0 0 12px;padding:0;border:0;font-size:18px}
.toc ol{margin:0 0 0 20px;columns:2;column-gap:32px;font-size:15px}
.toc li{margin-bottom:6px;break-inside:avoid}
.toc a{text-decoration:none;color:var(--muted)}
.toc a:hover{color:var(--deep-ink);text-decoration:underline}

table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--pebble)}
th{font-weight:700}
.table-scroll{overflow-x:auto}

/* footer */
footer{margin-top:88px;padding:56px 0 40px;background:var(--deep-ink);color:var(--pure-white);font-size:15px}
footer .wrap{max-width:1200px}
.foot-logo{font-weight:700;font-size:clamp(28px,4vw,44px);letter-spacing:-.02em;line-height:1}
.foot-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin:24px 0 28px}
.copy{color:var(--cool-ash)}

@media (max-width:680px){ .toc ol{columns:1} }
@media print{ .nav,footer,.warn{display:none} }