/* Only editorial identity: never grayscale the document or semantic data. */
#star-mourning-banner[hidden], #star-mourning-banner [hidden] { display: none !important; }
#star-mourning-banner { background: #171717; color: #fff; padding: 12px 20px; margin: 0; font: inherit; line-height: 1.5; border: 0; }
#star-mourning-banner > div { max-width: 1220px; margin: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 24px; }
#star-mourning-banner .star-mourning-message { color: #fff; font-weight: 650; overflow-wrap: anywhere; }
#star-mourning-banner a, #star-mourning-banner a:visited { color: #fff; text-decoration: underline; text-underline-offset: .2em; padding: 4px; }
#star-mourning-banner a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
body.star-mourning :is(#masthead, .star-shell-header, .star-portal-header) :is(.custom-logo, .ast-mobile-header-logo, .site-logo-img img, .star-shell-header__logo img) { filter: grayscale(1); }
body.star-mourning #masthead { border-bottom-color: #242424; }
body.star-mourning .star-portal-quickbar { border-color: #444; }
@media (max-width: 600px) { #star-mourning-banner { padding: 10px 16px; font-size: 14px; } }
/* Same mourning ribbon as STAR Obituaries; decorative and limited to header logos. */
body.star-mourning :is(#masthead, .star-shell-header, .star-portal-header) :is(.custom-logo-link, .star-shell-header__logo) {
    position: relative;
    padding-inline-end: 42px;
}
body.star-mourning :is(#masthead, .star-shell-header, .star-portal-header) :is(.custom-logo-link, .star-shell-header__logo)::after {
    content: "";
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 46px;
    background: url("mourning-ribbon.webp") center / 160% auto no-repeat;
    filter: grayscale(1) contrast(3);
    mix-blend-mode: multiply;
    pointer-events: none;
}
@media (max-width: 600px) {
    body.star-mourning :is(#masthead, .star-shell-header, .star-portal-header) :is(.custom-logo-link, .star-shell-header__logo) { padding-inline-end: 30px; }
    body.star-mourning :is(#masthead, .star-shell-header, .star-portal-header) :is(.custom-logo-link, .star-shell-header__logo)::after { width: 26px; height: 34px; }
}