/* JollyProof legal pages. Layered on landing.css (same tokens, header, footer). */
.legal-hero{background:linear-gradient(180deg,var(--navy-deep) 0%,var(--navy) 100%);padding-block:40px 56px}
.legal-hero .eyebrow{margin-bottom:8px}
.legal-hero h1{font-size:clamp(2.1rem,7vw,3.4rem)}
.legal-hero .meta{margin-top:14px;color:var(--muted-on-navy);max-width:60ch}
.legal-hero .meta b{color:var(--gold)}
.legal{background:var(--cream);color:var(--brown);padding-block:0 72px}
.legal .wrap{max-width:820px}
.legal-card{position:relative;margin-top:-28px;background:#fff;border-radius:var(--radius);box-shadow:0 4px 0 #ecd8bf;padding:clamp(20px,4vw,40px)}
.legal h2{font-size:clamp(1.3rem,4vw,1.65rem);color:var(--brown);margin-top:2.2rem}
.legal h3{font-size:1.1rem;color:var(--brown);margin-top:1.4rem}
.legal p,.legal li{color:var(--brown-soft);overflow-wrap:anywhere}
.legal p{margin-top:.8rem}
.legal ul{margin:.6rem 0 0;padding-left:1.3rem}
.legal li{margin-top:.4rem}
.legal a{color:var(--red-dark);font-weight:800}
.legal b,.legal strong{color:var(--brown)}
.legal .toc{background:var(--cream-2);border:2px solid #ecd8bf;border-radius:20px;padding:16px 20px}
.legal .toc h2{margin:0;font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red-dark)}
.legal .toc ol{margin:.5rem 0 0;padding-left:1.4rem;columns:2 240px;column-gap:28px}
.legal .toc li{margin-top:0}
.legal .toc a{display:inline-flex;min-height:44px;align-items:center;text-decoration:none}
.legal .toc a:hover{text-decoration:underline}
.legal .short{margin-top:1.4rem;background:var(--cream);border-left:6px solid var(--red);border-radius:16px;padding:14px 18px}
.legal .short h2{margin-top:0;font-size:1.15rem}
.legal .soon-box{margin-top:1rem;background:#fff6e4;border:3px dashed var(--gold-deep);border-radius:20px;padding:6px 20px 18px}
.legal .soon-box h2{margin-top:1.2rem}
.legal .note{margin-top:2rem;padding-top:1rem;border-top:2px dashed #ecd8bf;font-size:.95rem}
.legal section{scroll-margin-top:72px}