/* Tablet, iPad, and laptop auth tuning */
@media (min-width: 768px) {
    .page-login,
    .page-register {
        min-height: 100svh;
        display: flex;
        flex-direction: column;
    }

    .page-login .site-header,
    .page-register .site-header {
        position: static;
        flex: 0 0 auto;
    }

    .page-login .auth-main,
    .page-register .auth-main {
        flex: 1 1 auto;
        min-height: 0;
        padding: 0.45rem 0;
        display: grid;
        align-items: center;
    }

    .page-login .footer,
    .page-register .footer {
        margin-top: 0;
        flex: 0 0 auto;
    }

    .page-login .footer-inner,
    .page-register .footer-inner {
        padding-top: 0.62rem;
        padding-bottom: 0.66rem;
    }

    .page-login .auth-main > .container,
    .page-register .auth-main > .container {
        width: min(700px, calc(100% - 1.6rem));
    }

    .page-login .auth-shell,
    .page-register .auth-shell {
        display: block;
        width: min(640px, 100%);
        margin-inline: auto;
        border-radius: 1rem;
    }

    .page-register .auth-hero {
        display: none;
    }

    .page-login .auth-form-wrap,
    .page-register .auth-form-wrap {
        padding: 1rem;
        gap: 0.6rem;
    }

    .page-login #login-form,
    .page-register #register-form {
        gap: 0.56rem;
    }

    .page-register #register-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-register #register-form .field-password,
    .page-register #register-form .auth-optional-card,
    .page-register #register-form .field-submit {
        grid-column: 1 / -1;
    }

    .page-register .auth-optional-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-register .auth-optional-grid .field:last-child {
        grid-column: 1 / -1;
    }

    .page-login #login-form input,
    .page-register #register-form input,
    .page-register #register-form select {
        min-height: 42px;
        padding: 0.52rem 0.66rem;
        font-size: 0.9rem;
    }

    .page-login .password-input-wrap input,
    .page-register .password-input-wrap input {
        padding-right: 4.8rem;
    }

    .page-login .password-toggle,
    .page-register .password-toggle {
        right: 0.45rem;
        padding: 0.28rem 0.58rem;
        font-size: 0.72rem;
    }

    .page-register .password-guidance {
        gap: 0.36rem;
        padding: 0.64rem 0.7rem;
    }

    .page-register .password-checklist {
        column-gap: 0.46rem;
        row-gap: 0.3rem;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .page-login .auth-main > .container,
    .page-register .auth-main > .container {
        width: min(660px, calc(100% - 1.35rem));
    }

    .page-login .auth-shell,
    .page-register .auth-shell {
        width: min(600px, 100%);
    }

    .page-login .auth-form-wrap,
    .page-register .auth-form-wrap {
        padding: 0.92rem;
        gap: 0.54rem;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .page-login .auth-main > .container,
    .page-register .auth-main > .container {
        width: min(760px, calc(100% - 1.8rem));
    }

    .page-login .auth-shell,
    .page-register .auth-shell {
        width: min(660px, 100%);
    }
}

@media (min-width: 1440px) {
    .page-login .auth-main > .container,
    .page-register .auth-main > .container {
        width: min(820px, calc(100% - 2rem));
    }

    .page-login .auth-shell,
    .page-register .auth-shell {
        width: min(700px, 100%);
    }
}