/* pages.css — page /mentions-legales et page /donnees (texte juridique). Ne contient que ce qui est propre à ces pages ;
   l'en-tête de page (.page-head), le bloc contact, le gabarit 404/500 et les composants (.band, .bullets, .notice, .form,
   .dim, .sec-num…) sont dans components.css, la cote animée de l'en-tête dans motion.css (DESIGN.md § 4 à § 7).
   Aucune autre page n'a de feuille propre. */

/* ---------- Mentions légales ---------- */
.legal__body h2 {
  padding-top: var(--s-5);
  border-top: 1px solid var(--line);
}

.legal__body h2:first-child {
  margin-top: 0;
}

.legal__list {
  list-style: none;
  padding: 0;
}

.legal__list li {
  position: relative;
  padding-left: 1.25rem;
}

.legal__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 4px;
  height: 4px;
  background: var(--accent);
}

.legal__body a {
  overflow-wrap: anywhere;
}