/* Pages légales (CGV, mentions légales, confidentialité) : même DA que le site, mise en page de lecture. */
:root {
  color-scheme: light;
  --bleu: #265bf5;
  --bleu-clair: #4786ff;
  --bleu-profond: #1b34ca;
  --encre: #101218;
  --encre-douce: #4a4f5e;
  --trait: rgba(16, 18, 24, 0.1);
  --titre: "Helvetica Neue", "Instrument Sans", Helvetica, Arial, sans-serif;
  --texte: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: var(--encre); font-family: var(--texte); font-size: 16.5px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.bleu-nuance { color: #fff; background: linear-gradient(128deg, var(--bleu-clair) 0%, var(--bleu) 46%, var(--bleu-profond) 100%); }
.enveloppe { width: 100%; max-width: 720px; margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.entete { padding-block: 18px; }
.marque { display: inline-flex; align-items: center; gap: 11px; font-family: var(--titre); font-weight: 700; letter-spacing: -0.02em; font-size: 17px; text-decoration: none; color: inherit; }
.marque-logo { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; font-size: 14px; letter-spacing: -0.04em; }
main { padding-block: 24px 56px; }
h1 { margin: 0; font-family: var(--titre); font-weight: 700; letter-spacing: -0.035em; line-height: 1.08; font-size: clamp(30px, 6vw, 42px); }
.maj { margin: 10px 0 0; color: var(--encre-douce); font-size: 14px; }
h2 { margin: 36px 0 0; font-family: var(--titre); font-size: 20px; letter-spacing: -0.02em; }
p, ul { margin: 12px 0 0; color: var(--encre-douce); }
ul { padding-left: 20px; }
li + li { margin-top: 6px; }
b { color: var(--encre); }
a { color: var(--bleu); }
mark.a-remplir { background: #fff1b8; color: var(--encre); padding: 0 4px; border-radius: 4px; }
.pied { display: flex; flex-wrap: wrap; gap: 18px; padding-block: 28px; border-top: 1px solid var(--trait); font-size: 14px; }
.pied a { color: var(--encre-douce); text-decoration: none; }
.pied a:hover { color: var(--encre); }