/* /Components/Layout/MainLayout.razor.rz.scp.css */
.account-shell[b-chrwag60ws] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 680px);
    grid-template-rows: auto 1fr;
    background:
        radial-gradient(circle at 85% 15%, rgba(116, 86, 255, .18), transparent 30rem),
        #f6f7fb;
}

.brand[b-chrwag60ws] {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    margin: 2rem 3rem;
    color: #11172f;
    font-size: 1.15rem;
    font-weight: 800;
    text-decoration: none;
}

.account-shell__content[b-chrwag60ws] {
    grid-column: 2;
    grid-row: 1 / 3;
    display: grid;
    place-items: center;
    padding: 2rem;
    background: white;
    border-left: 1px solid #e7e9f2;
}

.account-shell__aside[b-chrwag60ws] {
    align-self: end;
    max-width: 520px;
    margin: 0 3rem 3rem;
    color: #536078;
    font-size: clamp(1.25rem, 2.4vw, 2.3rem);
    font-weight: 650;
    line-height: 1.25;
}

@media (max-width: 820px) {
    .account-shell[b-chrwag60ws] {
        display: block;
        background: white;
    }

    .brand[b-chrwag60ws] {
        margin: 1.25rem;
    }

    .account-shell__content[b-chrwag60ws] {
        display: block;
        padding: 1.25rem;
        border: 0;
    }

    .account-shell__aside[b-chrwag60ws] {
        display: none;
    }
}