/* Let mobile routes grow with their fields instead of reserving desktop space. */
@media (max-width: 720px) {
    html body.onek-body.onek-landing-page form.onek-terminal--exchange {
        height: auto;
        min-height: 0;
    }

    html body.onek-body.onek-landing-page form.onek-terminal--exchange .onek-terminal__columns {
        top: 0;
    }

    html body.onek-body.onek-landing-page form.onek-terminal--exchange .onek-terminal__submit {
        position: relative;
        inset: auto;
        transform: none;
        margin: 20px auto 0;
    }

    /* Availability and validation messages also need their own space. */
    html body.onek-body.onek-landing-page form.onek-terminal--exchange .onek-terminal__notice:not(:empty) {
        position: static;
        min-height: 0;
        margin: 16px 0 0;
    }
}