/* Pages légales et d'aide : sobre, sans police externe, sans image */
:root { --bg:#fff; --text:#1f1f1f; --muted:#595959; --line:#e5e5e5; --soft:#f6f6f6; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#161616; --text:#ececec; --muted:#a8a8a8; --line:#2c2c2c; --soft:#1e1e1e; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text);
  font:400 17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
a { color:inherit; }
a:focus-visible { outline:3px solid currentColor; outline-offset:3px; }
.skip { position:absolute; left:-999px; top:0; background:var(--text); color:var(--bg); padding:8px 12px; }
.skip:focus { left:8px; top:8px; z-index:10; }
.wrap { max-width:760px; margin:0 auto; padding:0 16px; }
header { border-bottom:1px solid var(--line); }
header .wrap { display:flex; align-items:center; min-height:60px; }
.logo { font-weight:600; text-decoration:none; }
main { padding:40px 0 56px; }
h1 { font-size:clamp(28px,5vw,40px); line-height:1.15; margin:0 0 16px; }
h2 { font-size:22px; margin:32px 0 8px; }
p, li { max-width:65ch; }
.todo { background:var(--soft); border:1px solid var(--line); border-radius:6px; padding:2px 6px; }
footer { border-top:1px solid var(--line); padding:24px 0; color:var(--muted); font-size:15px; }
.foot-nav ul { list-style:none; display:flex; flex-wrap:wrap; gap:8px 20px; margin:0 0 12px; padding:0; }