/* Feuille propre à la page ; voir le commentaire de chaque section. */

/* ---- Styles propres à la page mentions-legales.html (anciennement dans une balise <style>, retirée pour la CSP stricte) ---- */
    :root {
      /* Noms locaux reliés aux jetons communs (shared/css/tokens.css). */
      --vert: var(--lc-vert);
      --vert-fond: var(--lc-vert-fond);
      --ambre: var(--lc-ambre);
      --fond: var(--lc-fond);
      --bordure: var(--lc-bordure);
      --encre: var(--lc-encre);
      --texte: var(--lc-texte);
      --discret: var(--lc-discret);
      --serif: var(--lc-police-titres);
      --sans: var(--lc-police-texte);
    }
    * { box-sizing: border-box; }
    body { margin: 0; font-family: var(--sans); background: var(--fond); color: var(--encre); line-height: 1.65; }
    .page-legale { max-width: 760px; margin: 0 auto; padding: 56px 20px 90px; }
    .page-legale .retour { display: inline-block; margin-bottom: 24px; font-size: 14px; font-weight: 600; text-decoration: none; color: var(--vert); }
    .page-legale img.logo { height: 29px; display: block; margin: 0 auto 24px; }
    .page-legale h1 { font-family: var(--serif); font-size: clamp(32px, 4.8vw, 48px); line-height: 1.08; margin: 0 0 12px; }
    .page-legale .maj { font-size: 13px; color: var(--discret); margin-bottom: 34px; }
    .page-legale h2 { font-family: var(--serif); font-size: 24px; line-height: 1.2; margin: 44px 0 12px; color: var(--encre); }
    .page-legale h3 { font-size: 15px; margin: 20px 0 8px; }
    .page-legale p { font-size: 15px; color: var(--texte); margin: 0 0 14px; }
    .page-legale ul { font-size: 15px; line-height: 1.65; color: var(--texte); padding-left: 20px; margin: 0 0 14px; }
    .page-legale li { margin-bottom: 6px; }
    .page-legale a { color: var(--vert); }
    .encart-anticipe { background: var(--vert-fond); border: 1px solid var(--lc-bordure); border-radius: 8px; padding: 14px 16px; font-size: 13.5px; color: var(--texte); margin: 14px 0; }
    .sommaire { background: #fff; border: 1px solid var(--bordure); border-radius: 16px; padding: 18px 22px; margin-bottom: 8px; }
    .sommaire p { font-weight: 600; font-size: 14px; color: var(--vert); margin: 0 0 10px; }
    .sommaire ol { margin: 0; padding-left: 20px; font-size: 14px; }
    .sommaire li { margin-bottom: 6px; }
    .sommaire a { text-decoration: none; }