/* ==========================================================================
   MENTIONS LÉGALES — styles propres à mentions-legales.html
   --------------------------------------------------------------------------
   Chargé après style.css et page-interieure.css.

   Une page de texte, rien d'autre. Le gabarit commun fournit déjà le titre,
   la section et la largeur de lecture ; il ne reste ici que les intertitres
   et le surlignage des passages restant à compléter.
   ========================================================================== */


/* Les intertitres sont numérotés et courts. Ils restent proches du texte
   qu'ils annoncent et nettement détachés de celui qui précède : c'est ce
   décalage, plus que la taille, qui découpe la page en articles. */
.legal__titre {
  margin-top: var(--espace-l);
  margin-bottom: var(--espace-s);
  font-size: clamp(1.125rem, 2vw, 22px);
}

/* Le premier n'a rien au-dessus de lui : sa marge haute ferait un trou entre
   le titre de la page et le début du texte. */
.legal__titre:first-child {
  margin-top: 0;
}

.legal p {
  margin-bottom: var(--espace-s);
}

.legal > p:last-child {
  margin-bottom: 0;
}


/* Les deux adresses postales — celle de Valérie, celle de l'hébergeur. La
   balise <address> est en italique par défaut dans les navigateurs : on la
   remet droite, comme partout ailleurs sur le site. */
.legal__adresse {
  margin-bottom: var(--espace-s);
  font-style: normal;
}