/* Keep the brand visible while the legal document uses the normal page scroll. */
@media screen and (min-width:981px) {
    .auth-shell:has(.legal-card) .auth-brand-stage {
        position:sticky;
        top:0;
        align-self:start;
        box-sizing:border-box;
        height:100svh;
        min-height:0;
        padding-block:clamp(24px,5vh,56px);
    }
    .auth-shell:has(.legal-card) .auth-brand-stage-inner { margin:auto; }
    .auth-wrap:has(.legal-card) { min-width:0; }
    .auth-shell:has(.legal-card) .auth-brand-copy h2 {
        max-width:100%;
        font-size:clamp(2.25rem,3vw,3rem);
    }
    .auth-shell:has(.legal-card) .legal-card-wide {
        padding-inline:clamp(48px,4.5vw,76px);
    }
}
@media screen and (min-width:981px) and (max-height:750px) {
    .auth-shell:has(.legal-card) .auth-brand-benefits { display:none; }
    .auth-shell:has(.legal-card) .auth-brand-copy h2 { font-size:clamp(2rem,3vw,3rem); }
}
@media screen and (max-width:560px) {
    .auth-shell:has(.legal-card) .legal-card-wide { padding-inline:24px; }
}