/* Pages legales — mentions-legales.html et confidentialite.html.

   Sobres a dessein : une colonne etroite, pas de fond anime, pas de
   grand titre en Archivo 125. Ces pages existent pour etre lues par
   quelqu'un qui cherche une information precise (ou par un juriste) :
   la mise en scene du reste du site serait un obstacle, pas une voix. */

.legal {
  max-width: 42rem;
  margin: 0 auto;
  padding: clamp(2rem, 6vw, 4rem) clamp(1.25rem, 5vw, 2.5rem) 0;
}

.legal__title {
  font-family: var(--font-heading);
  font-size: clamp(1.6rem, 4vw, 2.2rem);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.legal__updated {
  color: var(--fg-muted);
  font-size: 0.85rem;
  margin-bottom: 2.5rem;
}

.legal h2 {
  font-family: var(--font-heading);
  font-size: 1.05rem;
  font-weight: 700;
  margin: 2.2rem 0 0.6rem;
}

.legal p {
  color: var(--fg-muted);
  font-size: 0.95rem;
  line-height: 1.65;
  margin-bottom: 0.8rem;
}

.legal ul {
  color: var(--fg-muted);
  font-size: 0.95rem;
  line-height: 1.65;
  margin: 0 0 0.8rem 1.2rem;
}

.legal li { margin-bottom: 0.35rem; }

.legal a {
  color: var(--fg);
  text-underline-offset: 3px;
  text-decoration-color: color-mix(in srgb, var(--fg) 35%, transparent);
}

.legal strong { color: var(--fg); font-weight: 600; }