.page-content {
    h2 {
        color: var(--brand-blue);
    }
    
    .border {
        padding: 16px;
    }

    h2 {
        margin: 0;
    }

    form {
        display: grid;
        grid-template-columns: min-content minmax(auto, 400px);
        gap: 12px 8px;

        label {
            white-space: nowrap;
        }

        input {
            align-self: center;
        }

        h2,
        input[type="submit"],
        .response {
            grid-column: 1 / -1;
        }

        h2 {
            margin-bottom: 4px;
        }

        input[type="submit"] {
            font-size: 1.2rem;
            justify-self: start;
            padding: 8px 20px;
        }

        .response {
            display: none;
            justify-self: start;

            &:has(*:first-child) {
                display: block;
            }
        }

        label[for="user-confirm-password"] {
            white-space: wrap;
        }
    }
}