/* Feuille de style partagée des pages légales — Artisan Congo */
:root{
  --bg:#FBF9F4; --surface:#FFFFFF; --ink:#15201A; --muted:#5E6B61; --line:#E6E1D5;
  --green:#0E6B37; --green-l:#138A47; --gold:#EFAE06; --red:#D8232A;
  --display:"Barlow Semi Condensed",system-ui,"Segoe UI",sans-serif;
  --body:"Mulish",system-ui,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0C120E; --surface:#121A14; --ink:#ECF3ED; --muted:#9FB2A4; --line:#243229;
  --green:#2FA865; --green-l:#43C47D; color-scheme:dark;}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65}
a{color:var(--green-l)}
.flag-rule{height:5px;width:84px;border-radius:9px;margin-bottom:18px;
  background:linear-gradient(90deg,var(--green) 0 34%,var(--gold) 34% 67%,var(--red) 67% 100%)}
header.legal-top{background:var(--surface);border-bottom:1px solid var(--line)}
.legal-top .bar{max-width:860px;margin-inline:auto;padding:16px 20px;display:flex;align-items:center;gap:12px}
.legal-top img{height:36px;width:auto}
.legal-top b{font-family:var(--display);font-weight:800;font-size:1.15rem}
.legal-top b .co{color:var(--red)}
.legal-top a.back{margin-left:auto;font-weight:700;font-size:.9rem}
main.legal{max-width:860px;margin-inline:auto;padding:40px 20px 72px}
main.legal h1{font-family:var(--display);font-size:clamp(2rem,5vw,2.6rem);margin:0 0 6px}
main.legal .updated{color:var(--muted);font-size:.9rem;margin-bottom:28px}
main.legal h2{font-family:var(--display);font-size:1.4rem;margin:34px 0 10px}
main.legal p,main.legal li{color:var(--ink)}
main.legal p{margin:0 0 12px}
main.legal ul{margin:0 0 12px;padding-left:20px;display:grid;gap:6px}
.todo{background:color-mix(in srgb,var(--gold) 18%,var(--surface));
  border:1px dashed color-mix(in srgb,var(--gold) 55%,var(--line));border-radius:8px;
  padding:1px 7px;font-weight:700;font-size:.92em;color:#8a6d00}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .todo{color:var(--gold)}}
.note{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--green);
  border-radius:10px;padding:14px 16px;color:var(--muted);font-size:.92rem;margin:24px 0}
footer.legal-foot{max-width:860px;margin-inline:auto;padding:24px 20px 48px;border-top:1px solid var(--line);
  color:var(--muted);font-size:.88rem;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}
footer.legal-foot a{color:var(--muted)}