/* ============================================================
   legal.css — style commun des pages légales (pré-login, neutre).
   Pas de couleur de club : marque produit QioQips (vert) uniquement.
   ============================================================ */
:root{
  --bg:#F5F5F1; --surface:#fff; --sunk:#F0EFE9; --border:#E6E4DC;
  --ink:#1B1A16; --ink-2:#47443C; --muted:#86827A;
  --brand:#1F7A3D; --brand-2:#155f2e; --warn-bg:#FFF7E6; --warn-bd:#F0D08A; --warn-ink:#7A5B12;
  --r:12px; --font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{ box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html,body{ margin:0; }
body{ font-family:var(--font); color:var(--ink); background:var(--bg); line-height:1.6; }
.wrap{ max-width:780px; margin:0 auto; padding:24px 20px 64px; }

.topbar{ display:flex; align-items:center; gap:11px; padding:6px 0 18px; }
.topbar .mark{ width:34px; height:34px; border-radius:10px; background:var(--brand); display:grid; place-items:center; color:#fff; font-weight:850; }
.topbar .name{ font-size:17px; font-weight:850; letter-spacing:-.01em; }
.back{ margin-left:auto; font-size:13.5px; font-weight:700; color:var(--brand-2); text-decoration:none; }

h1{ font-size:26px; font-weight:850; letter-spacing:-.02em; margin:6px 0 4px; }
.meta{ font-size:13px; color:var(--muted); margin-bottom:20px; }
h2{ font-size:18px; font-weight:800; margin:30px 0 8px; padding-top:8px; }
h3{ font-size:15px; font-weight:750; margin:18px 0 6px; }
p, li{ font-size:14.5px; color:var(--ink-2); }
ul{ margin:8px 0; padding-left:22px; }
li{ margin:4px 0; }
a{ color:var(--brand-2); }
strong{ color:var(--ink); }

.draft{
  background:var(--warn-bg); border:1px solid var(--warn-bd); color:var(--warn-ink);
  border-radius:var(--r); padding:13px 15px; font-size:13.5px; font-weight:600; margin:0 0 22px;
}
.todo{
  background:var(--sunk); border:1px dashed var(--border); border-radius:8px;
  padding:2px 7px; font-size:13px; font-weight:700; color:#9a3412;
}
.card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:16px 18px; margin:14px 0; }
.foot{ margin-top:40px; padding-top:16px; border-top:1px solid var(--border); font-size:13px; color:var(--muted); }
.foot a{ font-weight:700; }