/* legal.css — pages Mentions légales & Confidentialité (réutilise styles.css) */

/* hero compact (même vocabulaire que les autres pages secondaires) */
.page-hero{position:relative;padding:120px 0 50px;overflow:hidden;text-align:center}
.page-hero .hero-bg{position:absolute;inset:0;z-index:-1}
.page-hero .hero-bg::before{content:'';position:absolute;top:-300px;left:50%;transform:translateX(-50%);
  width:1000px;height:700px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(107,124,255,.2),rgba(60,80,224,.05) 55%,transparent 72%)}
.page-hero .dots{position:absolute;inset:0;
  background-image:radial-gradient(circle at center,rgba(15,23,41,.07) 1.3px,transparent 1.5px);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,#000,transparent 78%);
          mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,#000,transparent 78%)}
.page-hero h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.035em;max-width:20ch;margin:18px auto}
.page-hero .lead{max-width:620px;margin:0 auto}

/* corps juridique */
.legal-wrap{max-width:760px;margin:0 auto}
.legal-block{margin-bottom:34px}
.legal-block:last-child{margin-bottom:0}
.legal-block h2{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.01em;margin-bottom:12px}
.legal-block p{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:10px}
.legal-block ul{margin:0 0 12px;padding-left:20px}
.legal-block li{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:6px}
.legal-block a{color:var(--primary);font-weight:600}
.legal-block b{color:var(--ink);font-weight:700}
.legal-todo{color:#e5484d;font-weight:600;background:#fff1f1;border-radius:6px;padding:1px 6px}

@media(max-width:680px){.page-hero{padding:100px 0 40px}}