/**
 * Blog CLS fixes (mobile): reserve hero space + coverage banner slot.
 * 2026-04-13
 */
.cards-view.cards-view--blog .cards-view_item--hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #e8edf3 0%, #dfe6ee 100%);
}

/* picture element sources use different intrinsic ratios — unify visible box */
@media (max-width: 480px) {
    .cards-view.cards-view--blog .cards-view_item--hero {
        aspect-ratio: 345 / 232;
    }
}

@media (min-width: 481px) and (max-width: 1200px) {
    .cards-view.cards-view--blog .cards-view_item--hero {
        aspect-ratio: 3 / 2;
    }
}

@media (min-width: 1201px) {
    .cards-view.cards-view--blog .cards-view_item--hero {
        aspect-ratio: 1920 / 600;
    }
}

.cards-view.cards-view--blog .cards-view_item--hero picture {
    display: block;
    width: 100%;
    height: 100%;
}

.cards-view.cards-view--blog .cards-view_item--hero img.cards-view_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: none;
}

#cwBlogBanner {
    min-height: 108px;
    contain: layout style;
}
