/* Pages légales d'Ogrelo : lisibles, sobres, en clair ou en sombre */
:root{--bg:#FBF7EE;--card:#fff;--ink:#22261F;--soft:#5D6559;--line:#E7E1D3;--ogre:#5BA84A;--ogre-d:#3E7F31;--warn:#FBF0D9}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#151814;--card:#1E221D;--ink:#ECEFE8;--soft:#A9B2A5;--line:#30362E;--warn:#3A2F1A}}
:root[data-theme="dark"]{--bg:#151814;--card:#1E221D;--ink:#ECEFE8;--soft:#A9B2A5;--line:#30362E;--warn:#3A2F1A}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Andika",system-ui,sans-serif}
main{max-width:760px;margin:0 auto;padding:28px 16px 64px}
h1,h2,h3{font-family:"Baloo 2",system-ui,sans-serif;line-height:1.25}
h1{font-size:1.8rem;margin:6px 0 4px}h2{font-size:1.25rem;margin:34px 0 10px}h3{font-size:1.05rem;margin:20px 0 6px}
.maj{color:var(--soft);margin:0 0 24px}
.brand{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;color:var(--ogre-d);text-decoration:none;font-size:1.15rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin:14px 0}
.cle{border-left:5px solid var(--ogre);}
.todo{background:var(--warn);border-radius:8px;padding:1px 6px;font-weight:700}
table{width:100%;border-collapse:collapse;font-size:.93rem;margin:10px 0}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--soft);font-size:.82rem}
.wrap{overflow-x:auto}
a{color:var(--ogre-d);font-weight:700}
ul{padding-left:20px}li{margin:6px 0}
footer{margin-top:40px;color:var(--soft);font-size:.9rem}
/* barre du haut : retour toujours visible, pour ne jamais rester bloqué sur la page */
.haut{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-28px -16px 8px;padding:12px 16px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.retour{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-weight:700;border-radius:999px;padding:6px 14px 6px 10px;cursor:pointer}
.retour i{width:18px;height:18px}
.retour:focus-visible{outline:3px solid var(--ogre);outline-offset:2px}
/* côté droit de la barre : marque + sélecteur de langue FR | EN (pastilles groupées, langue active en vert ogre) */
.haut .droite{display:flex;align-items:center;gap:12px;min-width:0}
.langues{display:inline-flex;border:2px solid var(--line);background:var(--card);border-radius:999px;padding:2px;flex-shrink:0}
.langues a{display:inline-block;min-width:38px;text-align:center;padding:4px 9px;border-radius:999px;color:var(--soft);font-weight:700;font-size:.88rem;line-height:1.4;text-decoration:none;letter-spacing:.02em}
.langues a:hover{color:var(--ink)}
.langues a[aria-current="true"]{background:var(--ogre-d);color:#fff}
.langues a:focus-visible{outline:3px solid var(--ogre);outline-offset:1px}
.retour{white-space:nowrap;flex-shrink:0}
@media (max-width:380px){.haut{gap:8px;padding:10px 12px;margin:-28px -16px 8px}.haut .droite{gap:8px}.brand{font-size:1rem}.retour{padding:5px 11px 5px 8px}.langues a{min-width:34px;padding:3px 7px}}
@media (max-width:340px){.haut .brand{display:none}}
/* marques internes (« à faire relire », « à compléter ») : gardées dans les fichiers, jamais montrées au public */
.todo,.a-completer{display:none!important}