/* Pages légales : simples, lisibles, aux couleurs de CD-Room */
:root { --encre: #17152b; --jaune: #ffdd33; --gris: #3d4156; --argent: #d5dae1; --panneau: #f6f7f9; --trait: rgba(23,21,43,.16); }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--argent); color: var(--encre); font-family: 'Hanken Grotesk', system-ui, sans-serif; font-size: 16px; line-height: 1.6; }
.lg-haut { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; max-width: 860px; margin: 0 auto; padding: 18px 16px; }
.lg-marque { display: flex; align-items: center; gap: 10px; font-family: 'Unbounded', system-ui, sans-serif; font-weight: 800; font-size: 20px; text-decoration: none; color: inherit; }
.lg-nav { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 14px; font-weight: 600; }
.lg-nav a { color: inherit; }
.lg-nav a[aria-current] { text-decoration: none; background: var(--jaune); padding: 0 6px; border-radius: 3px; }
main { max-width: 860px; margin: 0 auto 40px; padding: 32px clamp(18px, 4vw, 44px) 40px; background: var(--panneau); box-shadow: 4px 6px 0 rgba(23,21,43,.25); }
h1 { font-family: 'Unbounded', system-ui, sans-serif; font-weight: 800; font-size: clamp(26px, 4vw, 34px); line-height: 1.15; margin: 0 0 6px; }
.lg-maj { color: var(--gris); font-size: 14px; margin: 0 0 22px; }
.lg-resume { background: #fff; border-left: 6px solid var(--jaune); padding: 14px 18px; margin: 0 0 26px; }
.lg-resume p { margin: 0; }
.lg-resume ul { margin: 8px 0 0; padding-left: 20px; }
h2 { font-family: 'Unbounded', system-ui, sans-serif; font-weight: 800; font-size: 19px; margin: 30px 0 8px; padding-top: 8px; border-top: 1px solid var(--trait); }
h3 { font-size: 16px; margin: 18px 0 4px; }
p, ul, ol { margin: 0 0 12px; }
li + li { margin-top: 4px; }
a { color: inherit; }
table { width: 100%; border-collapse: collapse; margin: 6px 0 16px; font-size: 14px; background: #fff; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px; border: 1px solid var(--trait); }
th { background: rgba(23,21,43,.05); }
.lg-table { overflow-x: auto; }
mark { background: #ffe9a8; padding: 0 3px; border-radius: 2px; font-weight: 600; }
.lg-pied { max-width: 860px; margin: 0 auto 30px; padding: 0 16px; font-size: 13px; color: var(--gris); }
@media (max-width: 560px) { main { box-shadow: none; } table { font-size: 13px; } }

/* Mode sombre (même réglage que l'appli) */
html[data-theme="sombre"] { color-scheme: dark; --encre: #ecebf6; --gris: #b4b7cc; --argent: #11101d; --panneau: #1c1a2f; --trait: rgba(255,255,255,.14); }
html[data-theme="sombre"] .lg-resume, html[data-theme="sombre"] table { background: #232038; }
html[data-theme="sombre"] th { background: rgba(255,255,255,.06); }
html[data-theme="sombre"] .lg-nav a[aria-current] { color: #17152b; }
html[data-theme="sombre"] mark { background: #6b5a12; color: #fff3c4; }
html[data-theme="sombre"] main { box-shadow: 4px 6px 0 rgba(0,0,0,.5); }