/* Pages légales Widitech — style sobre, cohérent avec la marque */
@font-face{ font-family:'Monument Extended'; src:url('../font/Monument/fonnts.com-Monument_Extended_Regular.ttf') format('truetype'); font-weight:400; font-display:swap; }
@font-face{ font-family:'Helvetica Now Text'; src:url('../font/Helvetica Now/ttf/HelveticaNowText-Regular.ttf') format('truetype'); font-weight:400; font-display:swap; }
@font-face{ font-family:'Helvetica Now Text'; src:url('../font/Helvetica Now/ttf/HelveticaNowText-Medium.ttf') format('truetype'); font-weight:500; font-display:swap; }

:root{ --bg:#0a0a0b; --fg:#f4f4f3; --muted:#9a9a9f; --line:rgba(255,255,255,.12); --accent:#b21f2d; }
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; background:var(--bg); color:var(--fg);
  font-family:'Helvetica Now Text',Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; line-height:1.6; }
a{ color:#fff; }
.wrap{ max-width:780px; margin:0 auto; padding:64px 24px 96px; }
.topbar{ display:flex; justify-content:space-between; align-items:center; margin-bottom:48px; }
.brand{ font-family:'Monument Extended',Arial,sans-serif; font-size:15px; letter-spacing:.04em; text-decoration:none; color:#fff; }
.back{ font-size:12px; text-transform:uppercase; letter-spacing:.14em; color:var(--muted); text-decoration:none; }
.back:hover{ color:#fff; }
.topbar-right{ display:flex; align-items:center; gap:18px; }
.lang-switch{ display:flex; gap:2px; }
.lang-switch button{ font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.06em; color:var(--muted);
  background:none; border:none; padding:4px 6px; border-radius:5px; cursor:pointer; transition:color .15s ease,background .15s ease; }
.lang-switch button:hover{ color:var(--fg); }
.lang-switch button[aria-current="true"]{ color:var(--fg); background:rgba(255,255,255,.08); }
h1{ font-family:'Monument Extended',Arial,sans-serif; font-weight:400; font-size:clamp(26px,4vw,38px);
  line-height:1.1; letter-spacing:-.01em; margin:0 0 8px; }
.updated{ color:var(--muted); font-size:13px; margin-bottom:40px; }
h2{ font-family:'Monument Extended',Arial,sans-serif; font-weight:400; font-size:18px; margin:40px 0 12px; }
h3{ font-size:15px; font-weight:500; margin:24px 0 8px; }
p,li{ color:#d9d9d9; font-size:15px; }
ul{ padding-left:20px; }
li{ margin-bottom:6px; }
a.inline{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
.todo{ background:rgba(178,31,45,.14); border:1px solid rgba(178,31,45,.5); color:#ffd7db;
  padding:2px 7px; border-radius:5px; font-size:13px; font-family:ui-monospace,Menlo,monospace; }
.note{ margin-top:56px; padding:16px 18px; border:1px solid var(--line); border-radius:10px;
  color:var(--muted); font-size:13px; }
.legal-footer{ margin-top:64px; padding-top:24px; border-top:1px solid var(--line);
  color:var(--muted); font-size:13px; display:flex; flex-wrap:wrap; gap:18px; }
.legal-footer a{ color:var(--muted); text-decoration:none; }
.legal-footer a:hover{ color:#fff; }