/* ── Mentions légales : une page qui se lit, pas qui se subit ── */
.legal .page-tete{padding:calc(62px + clamp(3rem,7vw,5.5rem)) 0 clamp(2rem,4vw,3rem);
  color:var(--ivory);background:radial-gradient(circle at 12% 25%,rgba(169,87,54,.24),transparent 38%),
  linear-gradient(135deg,var(--night),var(--blue2))}
.legal .page-tete h1{margin:0;font:600 clamp(2.6rem,6vw,5rem)/.9 var(--serif);letter-spacing:-.035em}
.legal-corps{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(4rem,9vw,7rem);
  display:grid;gap:clamp(2rem,4vw,3rem);max-width:62rem}
.legal-corps h2{margin:0 0 .9rem;color:var(--blue);font:600 clamp(1.6rem,3vw,2.4rem) var(--serif)}
.legal-corps p{margin:0 0 .9rem;color:rgba(16,35,42,.76);line-height:1.8}
.legal-corps a{color:var(--blue);border-bottom:1px solid var(--bronze)}
.legal-corps dl{margin:0 0 1.2rem;display:grid;gap:.1rem}
.legal-corps dl div{display:grid;grid-template-columns:11rem 1fr;gap:1rem;
  padding:.75rem 0;border-top:1px solid var(--line)}
.legal-corps dt{color:rgba(16,35,42,.55);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.legal-corps dd{margin:0;color:var(--blue);font-weight:600}
.legal-note{padding:1.1rem 1.3rem;background:#fff;border:1px solid var(--line);
  border-left:3px solid var(--ochre);border-radius:var(--radius);font-size:.92rem}
.legal-retour{margin-top:1.5rem}
@media(max-width:760px){
  .legal .page-tete{padding-top:calc(58px + 2.5rem)}
  .legal-corps dl div{grid-template-columns:1fr;gap:.15rem}
}