/* ============================================================
   IMASCIENCE — Pages légales (maquette /mentions-legales)
   Fond clair, deux colonnes : titre + chapo + fiche d'identité
   à gauche (collante au défilement), sections de texte à droite.
   Partagé : mentions légales + politique de confidentialité.
   ============================================================ */

.legal {
  padding-block: clamp(var(--space-12), 7vw, var(--space-24));
}

.legal__grid {
  display: grid;
  gap: var(--space-12);
}

@media (min-width: 810px) {
  .legal__grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: clamp(var(--space-12), 8vw, 8.5rem);
  }
  /* le header sticky fait ~72px : on laisse la colonne titre visible sous lui */
  .legal__aside {
    position: sticky;
    top: calc(72px + var(--space-8));
    align-self: start;
  }
}

.legal__aside h1 {
  /* un cran sous le h1 global pour tenir sur une ligne (maquette) */
  font-size: clamp(var(--text-4xl), 3.2vw, var(--text-5xl));
  margin-bottom: var(--space-8);
}

.legal__intro {
  color: var(--color-ink-soft);
}
.legal__intro p + p {
  margin-top: var(--space-4);
}

.legal__facts {
  list-style: none;
  padding: 0;
  margin-top: var(--space-6);
}

/* ---------- Colonne des sections ---------- */
.legal__body {
  color: var(--color-ink-soft);
  /* adresses e-mail et URLs longues : casser plutôt que déborder */
  overflow-wrap: anywhere;
}

.legal__chapter + .legal__chapter {
  margin-top: clamp(var(--space-8), 4vw, var(--space-12));
}

.legal__chapter h2 {
  font-size: var(--text-3xl);
  margin-bottom: var(--space-4);
}

/* ===== Plan du site ===== */
.sitemap-page__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--space-8) var(--space-6);
  margin-top: var(--space-8);
}
.sitemap-page__col h2 { font-size: var(--text-xl); margin-bottom: var(--space-4); }
.sitemap-page__col ul { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--space-2); }
.sitemap-page__col a { color: var(--color-ink-soft); text-decoration: none; }
.sitemap-page__col a:hover { color: var(--color-highlight); text-decoration: underline; }