html[data-theme-preset] body.announcement-page-active {
    background:
        radial-gradient(ellipse at 74% 6%, color-mix(in srgb, var(--xl-theme-accent, #d4a843) 14%, transparent) 0%, transparent 56%),
        linear-gradient(180deg, var(--xl-theme-bg, #0a0a0a), color-mix(in srgb, var(--xl-theme-panel, #11100d) 84%, var(--xl-theme-bg, #0a0a0a))) !important;
}

html[data-theme-preset] .announcement-subtitle,
html[data-theme-preset] .announcement-summary,
html[data-theme-preset] .announcement-date,
html[data-theme-preset] .announcement-pages .pagination li a,
html[data-theme-preset] .announcement-pages .pagination li span {
    color: color-mix(in srgb, var(--xl-theme-muted, #ffefc0) 74%, transparent);
}

html[data-theme-preset] .announcement-arrow {
    border-color: color-mix(in srgb, var(--xl-theme-accent, #d4a843) 36%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--xl-theme-accent, #d4a843) 22%, transparent), color-mix(in srgb, var(--xl-theme-accent-2, #d4a843) 16%, transparent));
    color: var(--xl-theme-accent, #d4a843);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--xl-theme-fg, #e0d9c8) 10%, transparent), 0 10px 24px color-mix(in srgb, var(--xl-theme-bg, #0a0a0a) 44%, transparent);
}

html[data-theme-preset] .announcement-hero-line,
html[data-theme-preset] .announcement-tag {
    border-color: color-mix(in srgb, var(--xl-theme-accent, #d4a843) 42%, transparent);
    background: linear-gradient(90deg, var(--xl-theme-accent, #d4a843) 0%, color-mix(in srgb, var(--xl-theme-accent-2, #d4a843) 72%, var(--xl-theme-fg, #e0d9c8)) 100%);
    box-shadow: 0 0 24px color-mix(in srgb, var(--xl-theme-accent, #d4a843) 38%, transparent);
    color: var(--xl-theme-on-accent, var(--xl-theme-bg, #0a0a0a));
}

html[data-theme-preset] .announcement-card-link:hover .announcement-arrow {
    color: var(--xl-theme-on-accent, var(--xl-theme-bg, #0a0a0a));
    border-color: color-mix(in srgb, var(--xl-theme-accent, #d4a843) 68%, transparent);
    background: linear-gradient(135deg, var(--xl-theme-accent, #d4a843), color-mix(in srgb, var(--xl-theme-accent-2, #d4a843) 72%, var(--xl-theme-fg, #e0d9c8)));
}

html[data-theme-preset] .announcement-card-link:hover .announcement-card-title {
    background: linear-gradient(90deg, var(--xl-theme-accent, #d4a843) 0%, color-mix(in srgb, var(--xl-theme-accent-2, #d4a843) 72%, var(--xl-theme-fg, #e0d9c8)) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

html[data-theme-preset] .announcement-pages .pagination li a:hover,
html[data-theme-preset] .announcement-pages .pagination li.active span {
    border-color: color-mix(in srgb, var(--xl-theme-accent, #d4a843) 62%, transparent);
    background: linear-gradient(135deg, var(--xl-theme-accent, #d4a843), color-mix(in srgb, var(--xl-theme-accent-2, #d4a843) 72%, var(--xl-theme-fg, #e0d9c8)));
    color: var(--xl-theme-on-accent, var(--xl-theme-bg, #0a0a0a));
}

/* EDGE100_THEME_FALLBACK_GUARD */
@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
    html[data-theme-preset] body.announcement-page-active {
        background: linear-gradient(180deg, var(--xl-theme-bg, #0a0a0a), var(--xl-theme-panel, #11100d)) !important;
    }

    html[data-theme-preset] .announcement-card,
    html[data-theme-preset] .announcement-shell,
    html[data-theme-preset] .announcement-hero {
        border-color: rgba(212, 168, 67, 0.28) !important;
        background: linear-gradient(180deg, var(--xl-theme-panel, #11100d), var(--xl-theme-bg, #0a0a0a)) !important;
        box-shadow: 0 16px 40px rgba(10, 10, 10, 0.58) !important;
        color: var(--xl-theme-fg, #e0d9c8) !important;
    }

    html[data-theme-preset] .announcement-subtitle,
    html[data-theme-preset] .announcement-summary {
        color: rgba(255, 239, 192, 0.74) !important;
    }

    html[data-theme-preset] .announcement-tag,
    html[data-theme-preset] .announcement-arrow {
        color: var(--xl-theme-accent, #d4a843) !important;
        border-color: rgba(212, 168, 67, 0.42) !important;
        background: rgba(55, 43, 17, 0.92) !important;
    }

    html[data-theme-preset] .announcement-card-link:hover .announcement-arrow,
    html[data-theme-preset] .announcement-card-link:hover .announcement-card-title {
        color: var(--xl-theme-accent, #d4a843) !important;
    }

    html[data-theme-preset] .announcement-hero-line {
        background: linear-gradient(90deg, transparent, var(--xl-theme-accent, #d4a843), transparent) !important;
        box-shadow: 0 0 16px rgba(212, 168, 67, 0.34) !important;
    }
}