:root{
  --navy:#1F3A6D; --gold:#9A7B3C; --ink:#111d36; --slate:#4a5878;
  --bg:#fbfcfe; --border:#e6ebf4; --navy-900:#0E1D3A;
}
*{ box-sizing:border-box; }
body{ margin:0; font-family:'Plus Jakarta Sans',-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink); background:var(--bg); line-height:1.7; -webkit-font-smoothing:antialiased; }
a{ color:var(--navy); text-decoration:none; }
a:hover{ text-decoration:underline; }

.lg-header{ position:sticky; top:0; z-index:10; background:rgba(255,255,255,.85);
  backdrop-filter:blur(14px) saturate(180%); -webkit-backdrop-filter:blur(14px) saturate(180%);
  border-bottom:1px solid var(--border); }
.lg-header .in{ max-width:840px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.lg-brand{ display:flex; align-items:center; gap:.5rem; font-weight:800; font-size:1.18rem; letter-spacing:-.03em; color:var(--navy); }
.lg-brand:hover{ text-decoration:none; }
.lg-brand img{ height:28px; width:auto; display:block; }
.lg-back{ font-weight:600; font-size:.9rem; color:var(--slate); }
.lg-back:hover{ color:var(--navy); }

.legal{ max-width:840px; margin:0 auto; padding:48px 24px 72px; }
.legal h1{ font-size:clamp(1.8rem,4vw,2.6rem); font-weight:800; letter-spacing:-.03em; margin:0 0 .6rem; line-height:1.1; }
.legal h2{ font-size:1.18rem; font-weight:700; color:var(--navy); margin:2.2rem 0 .6rem; letter-spacing:-.02em; }
.legal p, .legal li{ color:var(--slate); margin:.4rem 0; }
.legal ul{ padding-left:1.25rem; }
.legal__updated{ font-size:.9rem; color:var(--slate); margin-top:0; }
.legal__notice{ background:#fff7ed; border:1px solid #fed7aa; color:#9a3412; border-radius:12px;
  padding:.85rem 1.1rem; font-size:.9rem; margin:1rem 0 1.8rem; }
.legal__notice strong{ color:#7c2d12; }

/* Placeholder surligné en jaune — à remplacer une fois les infos connues */
.ph{ background:#fde68a; color:#713f12; padding:.06em .45em; border-radius:5px; font-weight:600; }

.lg-footer{ background:var(--navy-900); color:#aebbd4; padding:30px 24px; margin-top:24px; }
.lg-footer .in{ max-width:840px; margin:0 auto; display:flex; flex-wrap:wrap; gap:.8rem 1.5rem; align-items:center; justify-content:space-between; font-size:.88rem; }
.lg-footer a{ color:#aebbd4; } .lg-footer a:hover{ color:#fff; }
.lg-footer nav{ display:flex; flex-wrap:wrap; gap:1rem; }