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

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

.at-articleContainer__articles.--smallGap {
    grid-gap: var(--gridGap);
}

.at-articleContainer__article .Article.Article--template {
    margin-block-end: 0;
}

@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;
    }

    .at-articleContainer__article:has(.at-contactOptions) {
        & .at-contactOptions,
        & .g-container__inner,
        & .at-contactOptions__grid,
        & .c-card {
            height: 100%;
        }
    }
}

/*
 * Form inside articleContainer
 */

.at-articleContainer__article:has(.Form) {
    padding: var(--marginMedium);
    border-radius: var(--borderRadius);
    overflow: clip;
    background-color: var(--baseLight100);

    & .innerArticleTitle {
        margin-block-end: var(--14Size);
        font-size: var(--h6Size);
        font-family: var(--siteFont);
        font-weight: 600;
    }

    & .Form {
        max-width: none;
        margin-inline: 0;
    }
}

/*
 * Banner inside articleContainer
 */

.at-articleContainer__article:has(.at-banner) {
    & .at-banner {
        padding-inline: 0;
    }

    & .at-banner,
    & .g-container__inner,
    & .at-banner__inner,
    & .at-banner__contentWrapper {
        height: 100%;
    }
}