/* ═══════════════════════════════════════════════════════════════
   CHEZ PAULETTE STUDIO — Pages légales (mentions, confidentialité…)
   Contenu pur (post_content éditable). Offset header + lisibilité.
   ═══════════════════════════════════════════════════════════════ */

.legal-page {
  padding: 160px 1.5rem 96px;
  color: var(--ink-2);
}
.legal-page > * { margin-left: auto; margin-right: auto; }

.legal-page h1,
.legal-page h2 {
  font-family: var(--font-display);
  text-transform: uppercase;
  color: var(--ink);
  line-height: 1.05;
}
.legal-page h1 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 1.5rem; }
.legal-page h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 1rem; }

.legal-page h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--ink);
  margin: 2.25rem 0 0.6rem;
}

.legal-page p {
  font-size: 0.98rem;
  line-height: 1.75;
  color: var(--gray-700);
  margin-bottom: 1rem;
}
.legal-page p strong { color: var(--ink); }
.legal-page a { color: var(--primary-700); text-decoration: underline; }

/* ── LES LISTES N'AVAIENT AUCUNE RÈGLE ──
   Elles héritaient donc de la couleur du conteneur et de la taille par défaut
   du navigateur. Mesuré sur la page : 16 px en `--ink-2` contre 15,68 px en
   `--gray-700` pour les paragraphes, et surtout `margin-bottom: 0` — soit
   0 px entre la fin d'une liste et le titre suivant, là où un paragraphe en
   laisse 16. Le titre « Ce que nous collectons » venait coller la ligne
   « Contact ».

   Une liste porte la même voix qu'un paragraphe : mêmes valeurs, y compris la
   marge basse, pour que le rythme vertical ne dépende pas du type de bloc. */
.legal-page ul,
.legal-page ol {
  font-size: 0.98rem;
  line-height: 1.75;
  color: var(--gray-700);
  margin-bottom: 1rem;
}
.legal-page li { margin-bottom: 0.4rem; }
.legal-page li:last-child { margin-bottom: 0; }
.legal-page li strong { color: var(--ink); }

/* Marqueur visuel pour ce qui reste à compléter par le client */
.legal-page mark {
  background: var(--linen-amber);
  color: var(--ink-2);
  padding: 0 4px;
  border-radius: 3px;
  font-weight: 600;
}

@media (max-width: 600px) {
  .legal-page { padding: 130px 1.25rem 64px; }
}