/* mobile-email-verify.css — mobile rules extracted from email-verify-banner.css.
   Loaded immediately after email-verify-banner.css so the cascade is unchanged. */

@media (max-width: 576px) {
    body.has-email-verify-banner {
        padding-top: 56px;
    }
    body.has-email-verify-banner .main-container {
        top: auto;
        height: calc(100vh - 54px - 56px - 56px - env(safe-area-inset-bottom));
    }
}

@media (max-width: 576px) {
    body.email-verify-banner-hidden.has-email-verify-banner .main-container {
        top: auto;
        height: calc(100vh - 54px - 56px - env(safe-area-inset-bottom));
    }
}