/* Les pages légales (mentions-legales.html, conditions.html,
   confidentialite.html). Volontairement à part de l'app : elles doivent se
   lire sans JavaScript, sans session, et s'imprimer proprement. */

:root {
    --fond: #000;
    --texte: #e4e4e7;
    --doux: #a1a1aa;
    --trait: #27272a;
    --lien: #34d399;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background: var(--fond);
    color: var(--texte);
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.65;
    -webkit-text-size-adjust: 100%;
}

main {
    max-width: 720px;
    margin: 0 auto;
    padding: max(32px, env(safe-area-inset-top)) 16px max(48px, env(safe-area-inset-bottom));
}

h1 { font-size: 28px; line-height: 1.2; margin: 8px 0 4px; font-weight: 900; color: #fff; }
h2 { font-size: 18px; margin: 36px 0 8px; font-weight: 700; color: #fff;
     padding-top: 16px; border-top: 1px solid var(--trait); }
h3 { font-size: 16px; margin: 24px 0 4px; font-weight: 700; color: #fff; }
p, li { color: var(--texte); }
ul { padding-left: 20px; }
li { margin: 4px 0; }
a { color: var(--lien); text-underline-offset: 2px; }
strong { color: #fff; }

.maj { color: var(--doux); font-size: 13px; margin-top: 0; }
.retour { font-size: 14px; }
.pied { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--trait);
        font-size: 13px; color: var(--doux); }

table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 8px 0; }
th, td { text-align: left; vertical-align: top; padding: 8px; border-bottom: 1px solid var(--trait); }
th { color: #fff; font-weight: 700; }
.tableau { overflow-x: auto; }

.encadre { border: 1px solid #3f3f46; padding: 12px 16px; margin: 16px 0; }

/* Ce qui reste à remplir AVANT la mise en ligne : impossible à rater. */
.a-completer { background: #facc15; color: #000; padding: 0 4px; font-weight: 700; }

@media print {
    body { background: #fff; color: #000; }
    h1, h2, h3, strong, p, li { color: #000; }
    a { color: #000; }
}