/* pages légales et page introuvable */
.legal{padding:40px 20px 70px}
.legal h1{font-size:clamp(30px,4vw,42px);color:var(--blue-d);margin:0 0 6px;text-shadow:none;letter-spacing:-.5px}
.legal .maj{color:var(--muted);font-size:14px;margin:0 0 20px}
.legal .toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.legal .toc a{background:var(--soft);border:1px solid #d6e4fb;border-radius:999px;padding:6px 14px;text-decoration:none;font-size:14px}
.legal section{background:#fff;border:1px solid #e1eafa;border-radius:var(--radius);padding:24px 26px;margin:0 0 22px;box-shadow:0 2px 10px rgba(20,60,140,.05);scroll-margin-top:80px}
.legal h2{font-size:26px;margin:0 0 10px}
.legal h3{font-size:18px;color:var(--blue-d);margin:20px 0 6px}
.legal p,.legal li{color:#2a3550;font-size:15.5px}
.legal ul{padding-inline-start:22px}
.legal .tipbox{background:#fff8d6;border:1px solid #f1dc85;border-radius:10px;padding:10px 14px;margin:10px 0}
.nf{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#1c64d4,#6fb2f2 70%,#c8e6ff)}
.nf-box{background:#fff;border-radius:18px;padding:40px 34px;text-align:center;max-width:460px;margin:20px;box-shadow:0 20px 50px rgba(0,30,90,.35)}
.nf-box h1{color:var(--blue-d);font-size:32px;margin:10px 0}
.nf-box p{color:var(--muted)}