/* ===== Page légale (CGU, mentions...) ===== */
.legal-hero{padding-bottom:40px}
.legal-updated{color:var(--muted);font-size:14px;margin-top:14px}
.legal-updated strong{color:#fff}

.legal-section{padding-top:0}
.legal-layout{display:grid;grid-template-columns:260px 1fr;gap:44px;align-items:start}

.legal-toc{position:sticky;top:96px;padding:22px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.legal-toc-title{font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#8eeeff;margin-bottom:14px}
.legal-toc ol{margin:0;padding:0 0 0 18px;display:grid;gap:9px}
.legal-toc a{color:#cbd8eb;font-size:13.5px;font-weight:600}
.legal-toc a:hover{color:var(--cyan)}

.legal-content{min-width:0}
.legal-intro{color:var(--muted);font-size:15.5px;padding:22px 24px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,43,78,.55),rgba(8,22,42,.55));margin:0 0 36px}
.legal-intro strong{color:#fff}

.legal-article{padding:26px 0;border-top:1px solid var(--line);scroll-margin-top:96px}
.legal-article:first-of-type{border-top:none;padding-top:0}
.legal-article h2{font-size:21px;margin-bottom:14px;letter-spacing:-.02em}
.legal-article p{color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 14px}
.legal-article p:last-child{margin-bottom:0}

.legal-list{margin:0 0 14px;padding-left:20px;color:var(--muted);font-size:15px;line-height:1.75;display:grid;gap:8px}
.legal-list strong{color:#dbe6f4}
.legal-list.legal-contact{list-style:none;padding-left:0}
.legal-list.legal-contact li{display:flex;gap:8px}
.legal-list a{color:#7cc6ff;text-decoration:underline;text-underline-offset:2px}
.legal-list a:hover{color:var(--cyan)}

@media (max-width:900px){
  .legal-layout{grid-template-columns:1fr}
  .legal-toc{position:static}
}