/* Pages d'information : mentions légales, confidentialité.
   Reprend la DA du site, aucune nouvelle couleur, aucune nouvelle typo. */

.legal-head {
  padding: 148px 0 44px;
  background: var(--paper-2);
  border-bottom: 1px solid var(--line-soft);
}
.legal-head .label {
  display: block;
  color: var(--terracotta);
  margin-bottom: 18px;
}
.legal-head h1 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(2rem, 5vw, 3.1rem);
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin: 0;
  color: var(--ink);
}
.legal-head p.lede {
  max-width: 58ch;
  margin: 18px 0 0;
  color: var(--ink-soft);
}

.legal-body { padding: 64px 0 96px; }
.legal-body .prose { max-width: 68ch; }
.legal-body h2 {
  font-family: var(--serif);
  font-weight: 500;
  font-size: 1.34rem;
  line-height: 1.3;
  color: var(--ink);
  margin: 46px 0 14px;
  padding-top: 26px;
  border-top: 1px solid var(--line-soft);
}
.legal-body h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.legal-body p,
.legal-body li {
  color: var(--ink-soft);
  line-height: 1.72;
  margin: 0 0 14px;
}
.legal-body ul { margin: 0 0 14px; padding-left: 20px; }
.legal-body li { margin-bottom: 8px; }
.legal-body strong { color: var(--ink); font-weight: 600; }
.legal-body a { color: var(--terracotta); }
.legal-body a:hover { color: var(--terracotta-deep); }

.legal-body dl {
  margin: 0 0 14px;
  display: grid;
  grid-template-columns: minmax(150px, auto) 1fr;
  gap: 10px 26px;
}
.legal-body dt { color: var(--ink); font-weight: 600; }
.legal-body dd { color: var(--ink-soft); margin: 0; }

.legal-maj {
  margin-top: 52px;
  padding-top: 22px;
  border-top: 1px solid var(--line-soft);
  font-size: 0.86rem;
  color: var(--ink-soft);
}

@media (max-width: 640px) {
  .legal-head { padding: 116px 0 34px; }
  .legal-body { padding: 44px 0 72px; }
  .legal-body dl { grid-template-columns: 1fr; gap: 4px 0; }
  .legal-body dd { margin-bottom: 12px; }
}