/* Mentions légales: plain vertical page, reuses the site's colours and fonts. */
html:has(body.legal-page){height:auto;overflow:auto}body.legal-page{height:auto;overflow:visible}
body.legal-page{background:linear-gradient(180deg,#081429,#0c1528 420px);min-height:100vh}
.legal-page header{position:sticky;top:0;height:88px;background:#081429ed;backdrop-filter:blur(12px)}
.legal{max-width:820px;margin:0 auto;padding:70px 6% 60px;color:#c4d7ed;font-size:17px;line-height:1.7}
.legal h1{font-size:clamp(52px,8vw,96px);line-height:.95;color:#eef5ff;margin:0 0 26px}
.legal .eyebrow{color:#8fc1ff;margin-bottom:18px}
.legal-intro{font-size:18px;color:#d9e6f6;margin:0 0 50px}
.legal section{border-top:1px solid #d9e9ff26;padding:34px 0 10px}
.legal h2{font-size:clamp(28px,3.4vw,38px);color:#eef5ff;margin:0 0 18px;letter-spacing:.01em}
.legal dl{display:grid;grid-template-columns:minmax(150px,230px) 1fr;gap:12px 28px;margin:0 0 24px}
.legal dt{color:#8fc1ff;font-weight:600;font-size:14px;letter-spacing:.5px;padding-top:2px}
.legal dd{margin:0;color:#eef5ff}
.legal p{margin:0 0 18px}
.legal strong{color:#eef5ff}
.legal a,.legal-footer a{color:#8fc1ff;text-decoration:underline;text-underline-offset:3px}
.legal a:hover,.legal-footer a:hover{color:#eef5ff}
.legal-updated{margin-top:30px;font-size:13px;color:#8aa3c2}
.legal-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;max-width:820px;margin:0 auto;padding:26px 6% 40px;border-top:1px solid #d9e9ff26;font-size:13px;color:#aec2dc}
@media(max-width:760px){.legal-page header{height:76px}.legal-page .header-cta{padding:11px 16px;font-size:13px}.legal{padding-top:46px;font-size:16px}.legal dl{grid-template-columns:1fr;gap:4px}.legal dd{margin-bottom:12px}}