:root{
    --legal-navy:#071a35;
    --legal-text:#25364a;
    --legal-muted:#607086;
    --legal-line:#e4eaf0;
    --legal-bg:#f5f8fa;
    --legal-card:#ffffff;
    --legal-link:#3155e7;
    --legal-green:#078a35;
}
*{box-sizing:border-box}
body.legal-page{
    margin:0;
    background:var(--legal-bg);
    color:var(--legal-text);
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
}
.legal-shell{
    width:min(920px,calc(100% - 38px));
    margin:0 auto;
    padding:52px 0 64px;
}
.legal-hero{
    margin-bottom:22px;
}
.legal-kicker{
    color:var(--legal-green);
    font-size:12px;
    font-weight:850;
    letter-spacing:.7px;
    text-transform:uppercase;
}
.legal-hero h1{
    margin:7px 0 8px;
    color:var(--legal-navy);
    font-size:42px;
    line-height:1.1;
    letter-spacing:-1px;
}
.legal-updated{
    color:var(--legal-muted);
    font-size:13px;
}
.legal-card{
    background:var(--legal-card);
    border:1px solid var(--legal-line);
    border-radius:18px;
    padding:30px 34px;
    box-shadow:0 8px 26px rgba(10,32,61,.04);
}
.legal-card h2{
    margin:30px 0 8px;
    color:var(--legal-navy);
    font-size:22px;
    line-height:1.3;
}
.legal-card h2:first-child{margin-top:0}
.legal-card p,.legal-card li{
    color:#435469;
    font-size:15px;
}
.legal-card ul{
    padding-left:22px;
}
.legal-card a{
    color:var(--legal-link);
    font-weight:650;
}
.legal-notice{
    margin-top:22px;
    padding:16px 18px;
    border-left:4px solid var(--legal-green);
    border-radius:10px;
    background:#f5fff7;
    color:#435469;
    font-size:14px;
}
@media(max-width:650px){
    .legal-shell{padding:34px 0 46px}
    .legal-hero h1{font-size:34px}
    .legal-card{padding:24px 21px}
}