/* ============================================
   PAGE POLITIQUE DE CONFIDENTIALITÉ
   ============================================ */

.legal-hero {
  background: var(--white);
  text-align: center;
  padding: clamp(3.5rem, 9vw, 5.5rem) 1.5rem clamp(2rem, 5vw, 3rem);
}
.legal-kicker {
  display: block;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--gold-dark);
  margin-bottom: 0.9rem;
}
.legal-hero h1 {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 500;
  font-size: clamp(2rem, 4.6vw, 3rem);
  color: var(--indigo-deep);
  margin: 0;
}
/* padding-bottom : marge avant le footer (fleur + signature NKAE).
   La fleur du footer est partagée : on ne la touche jamais ici. */
.legal-body {
  background: var(--white);
  padding: 0 1.5rem clamp(17rem, 12vw, 17rem);
}
.legal-article {
  max-width: 680px;
  margin: 0 auto;
  font-family: var(--font-serif);
  font-size: 1.1rem;
  line-height: 1.7;
  color: var(--indigo-deep);
}
.legal-article h2 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--indigo);
  margin: 2.6rem 0 0.9rem;
}
.legal-article h2:first-child { margin-top: 0; }
.legal-article p { margin: 0 0 1rem; }
.legal-article ul { margin: 0 0 1rem; padding-left: 1.3rem; }
.legal-article li { margin-bottom: 0.4rem; }
.legal-article a { color: var(--gold-dark); text-decoration: none; }
.legal-article a:hover { color: var(--gold); }

/* Même seuil que le footer mobile (components.css, ≤760px) */
@media (max-width: 760px) {
  .legal-article { font-size: 1.02rem; }
  .legal-body { padding-bottom: clamp(13rem, 15vw, 15rem); }
}

/* Tablette, toute orientation : même plage que le footer (721–1450px) */
@media (min-width: 761px) and (max-width: 1450px) {
  .legal-body { padding: 0 1.5rem clamp(23rem, 12vw, 23rem); }
}