/* ContraGo - page Mentions légales : typographie de contenu texte (dupliqué de
   cgu/legal.css, même convention d'autonomie par page que kine.css / infirmier.css).
   Après plusieurs essais de séparateur entre paragraphes (filet pleine largeur,
   petit trait...), retour au style CGU tel quel : la dissociation vient de
   l'espacement généreux, pas d'un élément décoratif ajouté. */

/* padding-top 136px = 56px d'origine + 80px de clearance pour le header flottant
   fixed (shared.css), qui ne pousse plus le contenu qui suit dans le flux. */
.legal { padding: 136px 32px 40px; }
.legal-inner { max-width: 680px; margin: 0 auto; }

.legal-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--color-accent);
  margin: 0 0 10px;
}

.legal h1 {
  font-size: 2rem;
  color: var(--color-primary);
  margin-bottom: 18px;
}

.legal-lead {
  font-size: 1.05rem;
  color: var(--color-muted);
  line-height: 1.6;
  margin-bottom: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--color-border);
}

.legal section { margin-bottom: 30px; }
.legal h2 { font-size: 1.1rem; color: var(--color-primary); margin-bottom: 10px; }
/* Contrairement à cgu/legal.css (une section = un seul paragraphe, margin: 0
   suffit), plusieurs sections ici ont deux ou trois paragraphes ("Édition du
   site", "Hébergement", "Propriété intellectuelle") : 18px entre eux, même
   valeur que .ap-section--text p / .ap-row-text p sur /a-propos. */
.legal p { line-height: 1.65; margin: 0 0 18px; }
.legal p:last-child { margin-bottom: 0; }