/* legal.css */
/* ════ LEGAL ════ */
.legal-hero{background:linear-gradient(150deg,var(--deep),var(--ocean));padding:calc(var(--nav-h) + 4rem) 0 5rem;text-align:center}
.legal-hero h1{font-family:var(--ff-display);font-size:clamp(2rem,4vw,3.1rem);color:#fff;font-weight:700;margin-bottom:1rem}
.legal-hero p{color:rgba(255,255,255,.68);font-size:.93rem}
.legal-body{max-width:780px;margin:0 auto;padding:4.5rem 5%}
.legal-body h2{font-family:var(--ff-display);font-size:1.55rem;font-weight:700;color:var(--ink);margin:2.5rem 0 .8rem}
.legal-body p{color:var(--gray-5);line-height:1.88;margin-bottom:1rem;font-size:.93rem}
.legal-body ul{color:var(--gray-5);line-height:1.88;font-size:.93rem;padding-left:1.5rem;list-style:disc;margin-bottom:1rem}
.legal-body ul li{margin-bottom:.4rem}
.legal-toc{background:var(--foam);border-radius:var(--radius);padding:1.5rem 2rem;margin-bottom:2rem}
.legal-toc h4{font-weight:700;color:var(--ink);margin-bottom:.8rem}
.legal-toc ul{list-style:none;padding:0}
.legal-toc ul li{padding:.25rem 0;font-size:.87rem;color:var(--sea);cursor:pointer}
.highlight-box{background:var(--sand);border-left:4px solid var(--amber);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1.3rem 1.6rem;margin-bottom:2rem;color:var(--gray-5);font-size:.91rem}