/* Pages web statiques des textes légaux et de l'aide (générées par tools/pages.mjs) */
:root{--bg:#f3f1e8;--paper:#fff;--ink:#141414;--muted:#5a5a5a;--head:#0b5563;--line:#d8d4c2;--accent:#0b6f80;--bar:#0f8193;--cta:#e2553a;--box:#e6f6f8;--boxline:#9fd6de;--todo:#ffe89a}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--bg:#1c1b19;--paper:#2a2927;--ink:#ECEAE4;--muted:#b0ada4;--head:#8fd8e3;--line:#45433e;--accent:#7fd0dc;--bar:#0b5f6c;--cta:#c9452c;--box:#1f3a3e;--boxline:#2f6c74;--todo:#6b5a12}
}
:root[data-theme="dark"]{--bg:#1c1b19;--paper:#2a2927;--ink:#ECEAE4;--muted:#b0ada4;--head:#8fd8e3;--line:#45433e;--accent:#7fd0dc;--bar:#0b5f6c;--cta:#c9452c;--box:#1f3a3e;--boxline:#2f6c74;--todo:#6b5a12}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Tahoma, Verdana, system-ui, sans-serif;-webkit-text-size-adjust:100%}
.wrap{max-width:760px;margin:0 auto;padding-left:16px;padding-right:16px}
header{background:linear-gradient(#17a2b6,var(--bar));color:#fff;padding:10px 0}
header .wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;flex:1;color:#fff;text-decoration:none;font:700 19px "Trebuchet MS", Tahoma, sans-serif;text-shadow:1px 1px 1px rgba(0,0,0,.35)}
.brand img{border-radius:8px}
header .lang{color:#fff}
a.open{display:inline-block;background:var(--cta);color:#fff;text-decoration:none;font-weight:700;padding:6px 14px;border-radius:999px;box-shadow:0 2px 0 rgba(0,0,0,.25)}
a.open:hover,a.open:focus-visible{filter:brightness(1.08)}
nav{padding-top:12px}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:15px}
nav a{color:var(--accent)}
nav a[aria-current="page"]{color:var(--ink);font-weight:700;text-decoration:none}
main{padding-top:4px;padding-bottom:24px}
h1{margin:18px 0 0;color:var(--head);font:700 26px "Trebuchet MS", Tahoma, sans-serif}
section{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:16px 20px;margin-top:14px}
h2{margin:0 0 8px;color:var(--head);font:700 19px "Trebuchet MS", Tahoma, sans-serif}
h3{margin:16px 0 4px;font-size:16px}
section > h3:first-child{margin-top:0}
p{margin:0 0 8px}
a{color:var(--accent)}
.contact{background:var(--box);border-color:var(--boxline)}
.contact .mail{font-size:20px;font-weight:700;margin:4px 0 10px}
.index{margin:0;padding-left:20px}
mark.todo{background:var(--todo);color:inherit;padding:0 3px;border-radius:2px}
.upd{color:var(--muted);font-size:14px;margin-top:16px}
.cta{margin-top:8px}
footer{color:var(--muted);font-size:14px;padding-bottom:32px}
footer a{color:var(--muted)}