.legal-hero{
    padding:155px 0 66px;
    background:radial-gradient(circle at 80% 20%,rgba(24,184,176,.2),transparent 28%),linear-gradient(125deg,#f1f8f8,#dceff0 62%,#b9dfe0)
}
.legal-hero h1{
    margin:18px 0 0;
    color:var(--navy);
    font-size:clamp(44px,6vw,70px);
    line-height:1;
    letter-spacing:-3px
}
.legal-layout{
    display:grid;
    grid-template-columns:220px minmax(0,760px);
    justify-content:space-between;
    gap:80px;
    padding-top:75px;
    padding-bottom:105px
}
.legal-nav{
    position:sticky;
    top:28px;
    display:flex;
    height:max-content;
    flex-direction:column;
    gap:5px
}
.legal-nav a{
    padding:12px 14px;
    border-radius:9px;
    color:var(--muted);
    font-size:12px;
    font-weight:700
}
.legal-nav a:hover{
    background:var(--surface);
    color:var(--primary-dark)
}
.legal-content{
    min-width:0
}
.legal-content section{
    padding:0 0 34px
}
.legal-content section+section{
    padding-top:34px;
    border-top:1px solid var(--line)
}
.legal-content h2{
    margin:0 0 16px;
    color:var(--navy);
    font-size:22px;
    letter-spacing:-.5px
}
.legal-content p,.legal-content address{
    margin:0;
    color:var(--muted);
    font-size:14px;
    font-style:normal;
    line-height:1.75
}
.legal-content p+p{
    margin-top:14px
}
.legal-content a{
    color:var(--primary-dark);
    font-weight:700
}
.legal-content code{
    padding:2px 6px;
    border-radius:5px;
    background:var(--surface);
    color:var(--navy);
    font-size:12px
}
.legal-updated{
    padding-top:8px;
    color:#8795a6!important;
    font-size:11px!important
}
.legal-warning{
    margin-top:18px!important;
    padding:15px 17px;
    border-left:3px solid var(--accent);
    background:#fff7ea;
    color:#72501e!important
}
@media(max-width:760px){
    .legal-hero{
        padding:120px 0 48px
    }
    .legal-hero h1{
        font-size:43px;
        letter-spacing:-2px
    }
    .legal-layout{
        grid-template-columns:1fr;
        gap:35px;
        padding-top:52px;
        padding-bottom:75px
    }
    .legal-nav{
        position:static;
        flex-direction:row;
        flex-wrap:wrap
    }
    .legal-nav a{
        padding:9px 11px;
        background:var(--surface);
        font-size:10px
    }
    .legal-content h2{
        font-size:19px
    }
    .legal-content p,.legal-content address{
        font-size:13px
    }
}