/* ==========================================================================
   Auth page — the signed-out page shell around the email confirm steps

   The org's logo and name on top, one narrow column, the Roman Roads footer
   at the bottom, on the page background. "Confirm your email" and
   "Email already confirmed" are one step after another, so they share this shell
   (account/_auth_page.html) and read as the same place.
   ========================================================================== */

.global-auth-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-page-bg);
}

.global-auth-page__inner {
    width: 100%;
    padding: var(--spacing-xl) var(--spacing-lg);
}

.global-auth-page__brand {
    text-align: center;
    margin-bottom: var(--spacing-xl);
}

.global-auth-page__logo {
    max-height: 80px;
    max-width: 240px;
    width: auto;
    height: auto;
    object-fit: contain;
    margin-bottom: var(--spacing-md);
}

.global-auth-page__name {
    font-size: var(--font-size-display);
    color: var(--color-text);
    margin: 0 0 var(--spacing-sm);
}

/* Under a logo the name is the second line, so it steps down a size. */
.global-auth-page__name--under-logo {
    font-size: var(--font-size-h1);
    margin: 0;
}

.global-auth-page__column {
    max-width: 480px;
    margin: 0 auto;
}

.global-auth-page__footer {
    text-align: center;
    margin-top: var(--spacing-2xl);
    font-size: var(--font-size-sm);
    color: var(--color-text-light);
}

.global-auth-page__footer a {
    color: inherit;
}