html:has(body.mourning-mode) {
    filter: grayscale(1);
}

body.mourning-mode {
    flex-direction: column;
}

.mourning-mode > main {
    margin-block: auto;
}

.mourning-banner {
    flex-shrink: 0;
    width: 100%;
    padding: 24px 20px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: clamp(14px, 1.2vw, 20px);
    font-weight: 500;
    line-height: 1.5;
}

body.mourning-mode.mourning-error {
    padding: 0;
}

.mourning-error > .card {
    margin: auto 20px;
    max-width: min(400px, calc(100% - 40px));
}