/* R10 — Mentions légales. Chargée automatiquement par functions.php section 8
   sur le gabarit résolu "page-mentions-legales". Aucune primitive nouvelle :
   la page réutilise section, wrap, bandes de couleur, eyebrow et boutons de
   la feuille partagée. Seules les listes de définitions et la mesure de
   lecture sont posées ici. */

.legal-hero h1{ margin-block:var(--space-4) var(--space-5); }
.legal-hero__lede{ max-width:56ch; font-size:var(--text-lg); }

.legal__wrap{ max-width:78ch; }

.legal__block{ padding-block:var(--space-8); border-top:var(--border-hair); }
.legal__block:first-child{ border-top:0; padding-top:0; }
.legal__block h2{ margin-bottom:var(--space-5); }
.legal__block p{ max-width:70ch; }
.legal__block p + p{ margin-top:var(--space-4); }

.legal__dl{ display:grid; grid-template-columns:minmax(12rem,18rem) 1fr;
            gap:var(--space-3) var(--space-6); margin:0; }
.legal__dl dt{ font-size:var(--text-xs); font-weight:700; letter-spacing:.14em;
               text-transform:uppercase; color:var(--color-bordeaux);
               align-self:baseline; }
.legal__dl dd{ margin:0; }

.legal__warning{ font-family:var(--font-display); font-size:var(--text-lg);
                 padding:var(--space-5) var(--space-6);
                 border:var(--border-firm); background:var(--color-kraft);
                 margin-bottom:var(--space-4); }

@media (max-width:640px){
  .legal__dl{ grid-template-columns:1fr; gap:var(--space-2) 0; }
  .legal__dl dd{ margin-bottom:var(--space-4); }
}