/* Auth screens: preserve the copy and breathing room, including email verification. */
body.site-body.wisdom-shell:is(.page-login,.page-register,.page-profile) .auth-shell > .auth-aside {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(105deg, #f2fbff, #e5f4ff);
    border: 1px solid #dceafa;
    border-radius: 20px;
}
body.site-body.wisdom-shell:is(.page-login,.page-register,.page-profile) .auth-shell > .auth-aside::after {
    content: '';
    position: absolute;
    inset: 0 0 0 auto;
    z-index: 0;
    width: 38%;
    pointer-events: none;
    opacity: .3;
    background: url('../images/materials-hero.webp') right center / auto 100% no-repeat;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 55%);
    mask-image: linear-gradient(to right, transparent, #000 55%);
}
body.site-body.wisdom-shell:is(.page-login,.page-register,.page-profile) .auth-shell > .auth-aside > * {
    position: relative;
    z-index: 1;
}
@media (max-width: 575px) {
    body.site-body.wisdom-shell:is(.page-login,.page-register,.page-profile) .auth-shell > .auth-aside::after { width: 30%; opacity: .18; }
}
@media print {
    body.site-body.wisdom-shell:is(.page-login,.page-register,.page-profile) .auth-shell > .auth-aside { background: #fff; }
    body.site-body.wisdom-shell:is(.page-login,.page-register,.page-profile) .auth-shell > .auth-aside::after { display: none; }
}

/* Verification uses the profile shell but keeps its own inset auth introduction. */
body.site-body.wisdom-shell.page-profile .auth-shell > .auth-aside {
    width: 100%;
    min-width: 0;
    padding: 32px 28px !important;
}
body.site-body.wisdom-shell.page-profile .auth-aside :is(h1, .lead) {
    max-width: 38ch;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
@media (max-width: 575px) {
    body.site-body.wisdom-shell.page-profile .auth-shell > .auth-aside {
        padding: 24px 20px !important;
    }
}