/* Page « Mentions légales et confidentialité » : mise en page simple, mêmes couleurs que l'application. */
:root { --bg:#f4f5f8; --surface:#fff; --border:#e4e7ec; --text:#111217; --text2:#4a5060; --text3:#8a90a0; --accent:#2a5bf6; --todo-bg:#fff3bf; --todo-text:#7a5b00; }
:root[data-theme="dark"] { --bg:#0e1015; --surface:#161920; --border:#272c37; --text:#e9ebf1; --text2:#a7aebd; --text3:#737b8c; --accent:#5b84ff; --todo-bg:#3d3310; --todo-text:#f0d27a; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:'Inter',sans-serif; font-size:15px; line-height:1.65; }
.wrap { max-width:760px; margin:0 auto; padding:24px 16px 64px; }
.top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px; }
.top a.back { color:var(--accent); text-decoration:none; font-weight:600; }
.langs button { border:1px solid var(--border); background:var(--surface); color:var(--text2); border-radius:8px; padding:4px 10px; font:inherit; font-size:13px; cursor:pointer; }
.langs button[aria-pressed="true"] { color:var(--accent); border-color:var(--accent); }
h1 { font-family:'Poppins',sans-serif; font-size:28px; line-height:1.25; margin:0 0 6px; }
h2 { font-family:'Poppins',sans-serif; font-size:21px; margin:40px 0 8px; padding-top:8px; }
h3 { font-size:16px; margin:24px 0 4px; }
.meta { color:var(--text3); font-size:13px; }
.card { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:4px 20px 16px; margin-top:16px; }
table { width:100%; border-collapse:collapse; font-size:14px; margin:8px 0; }
th, td { text-align:left; vertical-align:top; padding:8px 6px; border-bottom:1px solid var(--border); }
th { color:var(--text2); font-weight:600; }
code { font-size:13px; }
a { color:var(--accent); }
mark.todo { background:var(--todo-bg); color:var(--todo-text); padding:0 4px; border-radius:4px; }
.toc a { margin-right:16px; }
html[lang="fr"] .l-en, html[lang="en"] .l-fr { display:none; }
@media (max-width:560px) { th, td { display:block; padding:4px 0; } tr { display:block; padding:8px 0; border-bottom:1px solid var(--border); } th, td { border:0; } thead { display:none; } td.empty { display:none; } }