/* ICE FIT — feuille de style commune aux pages légales */
:root{
  --abyss:#061119; --glacier:#74c4ea; --ink:#0c1a22; --body:#28353d; --muted:#5a6b75;
  --line:#e3e8eb; --accent:#0a6ea0; --warnbg:#fff6e6; --warnbd:#ffd98a; --warnfg:#8a5a00;
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ -webkit-text-size-adjust:100%; }
body{ font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  color:var(--body); background:#fbfdfe; line-height:1.65; -webkit-font-smoothing:antialiased; }
.legal-header{ background:linear-gradient(160deg,#071620,#0a2a3a); padding:calc(20px + env(safe-area-inset-top)) 20px 18px; text-align:center; }
.legal-header .logo img{ height:38px; width:auto; filter:drop-shadow(0 6px 18px rgba(116,196,234,.35)); }
.legal-nav{ display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:16px; justify-content:center; }
.legal-nav a{ color:#bfe0f0; text-decoration:none; font-size:.84rem; opacity:.85; transition:opacity .15s; }
.legal-nav a:hover{ opacity:1; } .legal-nav a[aria-current="page"]{ color:#fff; font-weight:600; opacity:1; }
.wrap{ max-width:760px; margin:0 auto; padding:40px 22px 70px; }
h1{ font-size:clamp(1.6rem,5vw,2rem); color:#0a2a3a; letter-spacing:-.5px; margin-bottom:6px; }
.updated{ color:var(--muted); font-size:.85rem; margin-bottom:28px; }
h2{ font-size:1.16rem; color:var(--accent); margin:30px 0 10px; }
h3{ font-size:1.02rem; color:var(--ink); margin:18px 0 8px; }
p, li{ font-size:.96rem; color:var(--body); margin-bottom:10px; }
ul{ padding-left:22px; margin-bottom:12px; } li{ margin-bottom:6px; }
strong{ color:var(--ink); }
a{ color:var(--accent); }
.todo{ background:var(--warnbg); border:1px solid var(--warnbd); border-radius:7px; padding:1px 7px; color:var(--warnfg); font-weight:600; font-size:.92em; }
.note{ background:#eef6fb; border-left:3px solid var(--glacier); border-radius:6px; padding:12px 16px; margin:14px 0; font-size:.92rem; color:#234; }
.back{ display:inline-block; margin-top:34px; color:var(--accent); text-decoration:none; font-weight:600; font-size:.92rem; }
.back:hover{ text-decoration:underline; }
.legal-foot{ text-align:center; padding:26px 20px calc(26px + env(safe-area-inset-bottom)); color:var(--muted); font-size:.8rem; border-top:1px solid var(--line); }
.legal-foot a{ color:var(--muted); }