.at-blogHighlightContainer__articles {
    display: grid;
    gap: var(--marginMedium);
}

.at-blogHighlightContainer__article > * {
    height: 100%;
}

/**
 *  WeblogHighlight
 */

/* Only show image for first blog item */
.at-blogHighlightContainer__article:not(:first-child) .WeblogHighlight__imageWrapper {
    display: none;
}

.at-blogHighlightContainer__article .WeblogHighlight__image {
    aspect-ratio: 4 / 2;
}

/* Position tags for items where the image is present in the code but visually hidden */
.at-blogHighlightContainer__article:not(:first-child) .WeblogHighlightPost:has(.WeblogHighlight__image) .tagsList__list {
    position: static;
}

@container (min-width: 540px) {
    .at-blogHighlightContainer__articles {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }

    /* First item is styled differently */
    .at-blogHighlightContainer__article:first-child {
        grid-row: span 2;
        grid-column: span 2;
    }
}

@container (min-width: 1024px) {
    .at-blogHighlightContainer__articles {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}