header a[href="/"] > svg:first-child,
footer a[href="/"] > svg:first-child {
    display: none;
}

header a[href="/"]::before,
footer a[href="/"]::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    background-image: var(--bellhill-brand-mark);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

html.dark header a[href="/"]::before,
footer a[href="/"]::before {
    filter: brightness(0) invert(1);
}

/* Keep the shorter email-verification form balanced within the shared auth shell. */
.bancroft-page:has(.otp-form) .signup-card {
    min-height: 0;
}

@media (min-width: 901px) {
    .bancroft-page:has(.otp-form) .form-shell {
        align-items: center;
        padding: 32px 3.5vw 48px 2vw;
    }

    .bancroft-page:has(.otp-form) .signup-card {
        max-width: 560px;
        padding: 42px 38px 36px;
    }
}

@media (max-width: 560px) {
    .bancroft-page:has(.otp-form) .otp-inputs {
        gap: 5px;
    }

    .bancroft-page:has(.otp-form) .otp-input {
        width: min(44px, 13vw);
    }
}