.at-articleContainer .g-gridContainer {
    container-type: inline-size;
}

.at-articleContainer__articles {
    display: grid;
    grid-gap: var(--marginLarge);
}


@container (min-width: calc(256px * 2 + 2rem)) {
    .at-articleContainer__articles.--2col {
        grid-template-columns: repeat(2, minmax(min(100%, 256px), 1fr));
    }

    .at-articleContainer__articles.--wideSmall {
        grid-template-columns: 1fr .5fr;
    }

    .at-articleContainer__articles.--smallWide {
        grid-template-columns: .5fr 1fr;
    }
}