.legal-hero{position:relative;min-height:330px;display:flex;align-items:center;padding:70px 7% 62px;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}
.legal-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,246,242,.26),rgba(251,246,242,.08) 46%,rgba(251,246,242,.18));pointer-events:none}
.legal-hero-inner{position:relative;width:min(1180px,100%);margin:0 auto;display:flex;justify-content:center;align-items:center}
.legal-hero-content{width:min(650px,100%);padding:28px 42px 32px;border-radius:30px;text-align:center;background:linear-gradient(135deg,rgba(255,253,252,.80),rgba(248,241,236,.58));backdrop-filter:blur(7px);box-shadow:0 18px 44px rgba(79,61,50,.08)}
.legal-hero h1{margin:0;font-family:"Cormorant Garamond",serif;color:#7a5545;font-size:clamp(42px,5vw,72px);font-weight:400;line-height:1.05;letter-spacing:4px;text-transform:uppercase}
.legal-heart-line{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 22px;color:#c89b7b}.legal-heart-line span{width:26px;height:1px;background:rgba(200,155,123,.58)}.legal-heart-line strong{font-size:15px;font-weight:400;line-height:1}
.legal-hero p{max-width:535px;margin:0 auto;color:#5f4738;font-size:15px;line-height:1.8}
.legal-page{padding:38px 24px 80px;background:#fbf6f2;color:#3f2b22;min-height:55vh}
.legal-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:1080px;margin:0 auto 28px}
.legal-tabs a{padding:10px 15px;border:1px solid #ead5cb;border-radius:999px;color:#8c6d5f;text-decoration:none;font-size:13px;background:#fffaf7;transition:.18s ease}
.legal-tabs a:hover,.legal-tabs a.is-active{background:#d88a76;color:#fff;border-color:#d88a76}
.legal-card{max-width:1080px;margin:0 auto;padding:clamp(26px,5vw,56px);border:1px solid #ead9d0;border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 18px 50px rgba(91,62,49,.06)}
.legal-content{max-width:900px;margin:0 auto}.legal-content h2{margin:32px 0 10px;font-family:"Cormorant Garamond",serif;font-size:30px;font-weight:600;color:#3f2b22}.legal-content h2:first-child{margin-top:0}
.legal-content p,.legal-content li{font-size:15px;line-height:1.85;color:#6d5146}.legal-content p{margin:0 0 20px}.legal-content ul{margin:0 0 20px;padding-left:22px}.legal-content li{margin:6px 0}
@media(max-width:760px){.legal-hero{min-height:260px;padding:44px 16px}.legal-hero-inner{justify-content:center}.legal-hero-content{padding:22px 18px 25px;border-radius:22px}.legal-hero h1{font-size:clamp(34px,10vw,48px);letter-spacing:2px}.legal-hero p{font-size:13px;line-height:1.7}.legal-page{padding:26px 14px 50px}.legal-card{padding:24px 18px;border-radius:16px}.legal-tabs{display:grid;grid-template-columns:1fr;width:100%;margin-bottom:18px}.legal-tabs a{text-align:center}.legal-content h2{font-size:25px}.legal-content p,.legal-content li{font-size:14px}}

/* Legal tabs: public nav.css turns every <nav> into the mobile hamburger menu.
   Keep the legal document buttons visible and in the normal page flow. */
@media(max-width:1000px){
    .legal-page nav.legal-tabs{
        position:static;
        inset:auto;
        z-index:auto;
        width:100%;
        max-width:1080px;
        max-height:none;
        overflow:visible;
        margin:0 auto 22px;
        padding:0;
        background:transparent;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:none;
        transition:none;
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:center;
        flex-wrap:wrap;
        gap:8px;
    }

    .legal-page nav.legal-tabs a{
        width:auto;
        padding:10px 15px;
        border-radius:999px;
        text-align:center;
    }
}

@media(max-width:480px){
    .legal-page nav.legal-tabs{
        gap:6px;
        margin-bottom:18px;
    }

    .legal-page nav.legal-tabs a{
        padding:9px 10px;
        font-size:12px;
    }
}