/* ============================================================
   Ladies 4 A Cause — Legal / Policy Pages
   ============================================================ */
.legal-hero{position:relative;padding:9rem 2rem 4rem;background:#0e0e0e;text-align:center;overflow:hidden}
.legal-hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 60%,rgba(231,218,169,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(122,113,89,.06) 0%,transparent 50%),linear-gradient(180deg,#0e0e0e 0%,#161616 100%)}
.legal-hero__content{position:relative;z-index:2;max-width:640px;margin:0 auto}
.legal-hero__title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:300;color:#F3E9C5;margin-bottom:.75rem;letter-spacing:-0.01em}
.legal-hero__updated{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.05rem;color:rgba(255,255,255,.5)}
.legal-hero__rule{width:40px;height:1px;background:#E7DAA9;margin:1.5rem auto 0}

.legal-body{padding:5rem 2rem;background:#FDFBF5}
.legal-article{max-width:760px;margin:0 auto;color:#444;font-size:.98rem;line-height:1.9}
.legal-article h2{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:500;color:#161616;margin:2.5rem 0 .75rem;line-height:1.3}
.legal-article p{margin-bottom:1.1rem}
.legal-article ul{list-style:disc;margin:0 0 1.25rem 1.25rem;padding-left:.5rem}
.legal-article li{margin-bottom:.5rem}
.legal-article li::marker{color:var(--pink)}
.legal-article strong{color:#161616;font-weight:600}
.legal-article a{color:var(--aqua);border-bottom:1px solid transparent;transition:border-color .3s,color .3s}
.legal-article a:hover,.legal-article a:focus{border-color:var(--aqua);color:var(--pink)}

.legal-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem 2rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid #e8e2d4}
.legal-nav a{font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#7A7159;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.legal-nav a:hover,.legal-nav a:focus{color:var(--pink)}
.legal-nav a.is-active{color:var(--pink);border-color:var(--pink)}

@media (max-width:640px){
    .legal-hero{padding:7rem 1.5rem 3rem}
    .legal-body{padding:3.5rem 1.25rem}
}