/* Specificity intentionally wins over the catalog's existing injected frame CSS. */
html .news-item .news-image {
    background: #edf0f3;
    background-image: linear-gradient(135deg, #edf0f3, #f6f7f8);
}
.mcpe-preview-picture { display: contents; }
.news-item .news-image img[data-mcpe-preview] {
    /* Keep alt available to assistive technology without flashing blue serif text. */
    color: transparent;
    font-size: 0;
}
.news-image[data-preview-state="error"]::after {
    content: attr(data-preview-message);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: #64717e;
    font: 14px/1.4 Arial, sans-serif;
    text-align: center;
}