/* ============================================================================
   Pages légales (mentions-legales, politique-confidentialite) — gabarit prose.
   Pas de source Figma : layout sobre, centré, largeur lisible, tokens du site.
   ========================================================================== */

.legal {
  max-width: 760px;
  margin: 0 auto;
  padding: 56px 24px 96px;
}

.legal h1 {
  font-family: var(--font-heading);
  font-weight: var(--fw-h2);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  color: var(--c-blue);
}

.legal__updated {
  font-size: var(--fs-body-sm);
  color: var(--neutral-600);
  margin-top: 8px;
}

.legal__intro {
  margin-top: 16px;
}

.legal h2 {
  font-family: var(--font-heading);
  font-weight: var(--fw-h3);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  color: var(--c-blue);
  margin-top: 40px;
  margin-bottom: 12px;
}

.legal p {
  margin-bottom: 16px;
}

.legal ul {
  margin: 0 0 16px 22px;
}

.legal li {
  margin-bottom: 6px;
}

.legal address {
  font-style: normal;
}

.legal a {
  color: var(--c-light-blue);
}

.legal a:hover {
  text-decoration: underline;
}