/* ============================================================
   Pages légales — lecture longue, colonne étroite, hiérarchie nette
   ============================================================ */
.page-legal .sec{padding-top:clamp(30px,5vw,56px)}
.legal-nav{border-bottom:1px solid var(--line)}
.legal-nav .shell{padding:14px 0;font-size:.84rem}
.legal-nav a{color:var(--paper-soft)}
.legal-nav a:hover{color:var(--lime)}

.page-legal h1.display{font-size:clamp(2.2rem,6vw,3.8rem);margin:0 0 28px}
.page-legal h2{
  font-family:var(--serif);font-weight:400;font-size:clamp(1.45rem,3vw,2rem);
  line-height:1.12;letter-spacing:-.015em;color:var(--paper);
  margin:44px 0 12px;padding-top:22px;border-top:1px solid var(--line);
}
.page-legal h3{font-size:1rem;font-weight:700;margin:26px 0 8px;color:var(--paper)}
.page-legal p{color:var(--ink-2);margin-bottom:14px;font-size:.95rem}
.page-legal .lead{color:var(--paper);font-size:1.05rem;margin-bottom:8px}
.page-legal ul{color:var(--paper-soft);padding-left:20px;margin:0 0 14px;font-size:.95rem}
.page-legal li{margin-bottom:7px}
.page-legal a{color:var(--violet);text-decoration:underline;text-underline-offset:2px}
.page-legal a:hover{color:var(--lime)}
.page-legal strong{color:var(--paper)}
.page-legal code{
  background:var(--ink-2);border:1px solid var(--line);border-radius:6px;
  padding:1px 6px;font-size:.86em;
}
.legal-maj{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);
  font-size:.8rem;color:var(--paper-faint)}


/* Sur les pages legales la barre d'action mobile n'a pas lieu d'etre */
.page-legal .dock{display:none}