/* Pages internes (mentions légales, confidentialité) */
.page--interne {
  padding-top: 66px; background: var(--paper);
  min-height: 100dvh; display: flex; flex-direction: column;
}
/* Le contenu prend l'espace restant → footer collé en bas sur les pages courtes */
.page--interne .legal { flex: 1 0 auto; }
/* Barre toujours en état clair (pas de hero sombre). :not(.is-menu-open) pour
   que l'ouverture du menu mobile neutralise bien le backdrop-filter (sinon .nav
   redevient le bloc conteneur du panneau fixed → le menu ne s'ouvre plus). */
.page--interne .nav:not(.is-menu-open) {
  background: rgba(244, 245, 247, .92);
  -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px);
  box-shadow: 0 1px 0 var(--line); color: var(--ink);
}

.legal__wrap { max-width: 760px; }
.legal h1 {
  font-family: var(--font-display); font-weight: 700;
  font-size: var(--fs-display); line-height: 1; letter-spacing: -.02em;
  color: var(--ink); margin-bottom: 8px;
}
.legal__maj { font-family: var(--font-mono); font-size: 12px; margin-bottom: 32px; }
.legal h2 { font-family: var(--font-display); font-weight: 700; font-size: var(--fs-h3); color: var(--ink); margin: 34px 0 10px; }
.legal p, .legal li { color: var(--ink-2); margin-bottom: 12px; line-height: 1.65; }
.legal a { color: var(--blue); text-decoration: underline; }
.legal ul { padding-left: 20px; margin-bottom: 12px; }