/* Pages simples de Kultio (mentions légales, confidentialité, administration) */
:root { --stage: #2b2966; --stage-deep: #1c1a48; --card: #fbfaff; --card-2: #efedfb; --line: #dcd8f3; --ink: #1c1a3f; --ink-soft: #625e8c; --buzz: #ffcd5a; --buzz-deep: #e0a63a; --bad: #e23a63; --good: #14a86e; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--stage); color: var(--ink); font: 16px/1.6 "Segoe UI", system-ui, sans-serif; padding-inline: 16px; padding-block: 32px 64px; }
.doc { max-width: 760px; margin: 0 auto; background: var(--card); border-radius: 22px; padding: 28px 30px 32px; box-shadow: 0 10px 0 -2px var(--stage-deep); }
.doc h1 { font: 900 32px/1.15 "Arial Black", system-ui, sans-serif; margin: 12px 0 4px; color: var(--stage); }
.doc h2 { font-size: 20px; margin: 28px 0 6px; }
.doc p, .doc li { max-width: 66ch; }
.doc a { color: var(--stage); font-weight: 600; }
.maj { color: var(--ink-soft); margin-top: 0; }
.home { text-decoration: none; }
.todo { background: #fff2c9; padding: 0 4px; border-radius: 4px; font-weight: 600; }
table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--line); }
th { color: var(--ink-soft); font-size: 13px; }
@media (max-width: 560px) { .doc { padding: 22px 18px; } table { display: block; overflow-x: auto; } }