/* Page « Mentions légales & protection des données » (nLPD). Mise en page sobre et lisible. */

.legal-hero {
  background: var(--ai);
  color: var(--washi);
  padding: clamp(120px, 16vw, 168px) 0 clamp(40px, 6vw, 64px);
}
.legal-hero .fil-ariane {
  font-size: .82rem; letter-spacing: .04em; color: var(--pierre-clair); margin-bottom: 22px;
}
.legal-hero .fil-ariane a { color: var(--pierre-clair); text-decoration: none; }
.legal-hero .fil-ariane a:hover { color: var(--washi); }
.legal-hero .jp-titre {
  font-family: var(--display); font-size: 1.3rem; letter-spacing: .3em;
  color: var(--shu-tint); margin-bottom: 10px;
}
.legal-hero h1 {
  font-family: var(--display); font-weight: 600;
  font-size: clamp(2rem, 5vw, 3rem); line-height: 1.1; margin: 0 0 18px;
}
.legal-hero h1 em { font-style: italic; color: var(--shu-tint); }
.legal-hero .sous {
  max-width: 64ch; font-size: 1.06rem; line-height: 1.6; color: rgba(255,255,255,.82);
}

.legal { padding: clamp(48px, 7vw, 80px) 0; }
.legal .wrap { max-width: 780px; }

.legal-bloc { margin-bottom: 44px; }
.legal-bloc:last-child { margin-bottom: 0; }
.legal-bloc h2 {
  font-family: var(--display); font-weight: 600; font-size: 1.45rem;
  color: var(--ai); margin: 0 0 16px; padding-bottom: 10px;
  border-bottom: 2px solid var(--shu);
}
.legal-bloc p { margin: 0 0 14px; line-height: 1.7; color: var(--sumi); }
.legal-bloc ul { margin: 0 0 14px; padding-left: 1.3em; }
.legal-bloc li { margin-bottom: 9px; line-height: 1.65; color: var(--sumi); }
.legal-bloc a { color: var(--shu); text-decoration: underline; text-underline-offset: 2px; }
.legal-bloc a:hover { color: var(--shu-hover); }

.legal-coord { list-style: none; padding-left: 0; }
.legal-coord li {
  padding-left: 1.1em; position: relative;
}
.legal-coord li::before {
  content: "—"; position: absolute; left: 0; color: var(--shu);
}

.legal-maj { font-style: italic; color: var(--pierre); font-size: .92rem; }