/* Styles partagés des pages légales — sobres, lisibles, charbon. */
.legal-nav{display:flex;align-items:center;justify-content:space-between;max-width:760px;margin:0 auto;
  padding:22px var(--pad)}
.legal-nav a.back{font-size:13.5px;color:var(--txt-2);text-decoration:underline;text-underline-offset:3px}
.legal-nav a.back:hover{color:#fff}
.legal-brand{font-weight:600;letter-spacing:-.02em;color:#fff;font-size:17px}
.legal{max-width:760px;margin:0 auto;padding:30px var(--pad) 90px;position:relative;z-index:2}
.legal h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:600;margin-bottom:8px}
.legal .updated{color:var(--dim);font-size:13px;margin-bottom:40px}
.legal h2{font-size:1.18rem;font-weight:600;margin:38px 0 12px;color:#fff}
.legal h3{font-size:1rem;font-weight:600;margin:22px 0 8px;color:#fff}
.legal p,.legal li{color:var(--txt-2);font-weight:300;font-size:15px;line-height:1.7}
.legal p{margin-bottom:14px}
.legal ul{margin:0 0 16px;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.legal strong{color:#fff;font-weight:500}
.legal a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.legal .todo{background:rgba(224,82,77,.08);border:1px solid rgba(224,82,77,.3);border-radius:8px;
  padding:2px 7px;color:#f0a6a3;font-size:.92em;font-weight:400}
.legal .box{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:18px 0}
.legal-foot{text-align:center;padding:40px var(--pad);border-top:1px solid var(--line);
  color:var(--dim);font-size:12.5px;position:relative;z-index:2}
.legal-foot a{color:var(--txt-2);text-decoration:underline;text-underline-offset:3px}