/* ==========================================================================
   legales.css
   Mentions légales et politique de confidentialité. Classes préfixées
   lg- pour ne collisionner avec aucune autre feuille de style.
   ========================================================================== */

.lg-section {
  padding-block: clamp(3rem, 7vw, 5rem);
}

.lg-contenu {
  max-width: 46rem;
}

.lg-titre {
  font-family: var(--display, "Bricolage Grotesque", Georgia, serif);
  font-weight: 800;
  font-size: clamp(1.8rem, 1.4rem + 1.6vw, 2.6rem);
  letter-spacing: -.02em;
  margin: 0 0 2rem;
}

.lg-contenu h2 {
  font-family: var(--display, "Bricolage Grotesque", Georgia, serif);
  font-weight: 700;
  font-size: 1.2rem;
  margin: 2.2rem 0 .8rem;
}
.lg-contenu h2:first-of-type { margin-top: 0; }

.lg-contenu p {
  font-size: .95rem;
  line-height: 1.7;
  color: var(--encre-doux, #5A6960);
  max-width: 62ch;
}

.lg-contenu ul {
  padding-left: 1.2rem;
  font-size: .95rem;
  line-height: 1.7;
  color: var(--encre-doux, #5A6960);
  max-width: 62ch;
}
.lg-contenu li { margin-bottom: .6rem; }

.lg-contenu a { color: var(--feria, #C1272D); }

.lg-date {
  margin-top: 2.5rem;
  font-size: .82rem !important;
  color: var(--encre-doux, #999) !important;
}