.page-articles-list-page--title-wrapper {
    width: var(--content-width);
    max-width: var(--max-content-width);
    margin-block-start: 1.563rem;
    margin-inline: auto;

    text-align: center;
}

.page-articles-list-page--subtitle {
    margin-block-start: 1.25rem;
}

.page-articles-list-page--content {
    margin-block-start: 1.563rem;
    padding-block: 1.563rem;

    background-color: var(--light-grey);
}

.page-articles-list-page--content-wrapper {
    --min-external-margin: 2.938rem;
    --nb-cols: 1;

    display: grid;
    grid-template-columns: repeat(var(--nb-cols), minmax(0, 1fr));
    gap: .75rem;

    width: clamp(calc(100vw - var(--min-external-margin) * 2), 90vw, var(--max-content-width));
    max-width: 54.188rem;
    margin-inline: auto;
}

@media screen and (min-width: 48rem) {

    .page-articles-list-page--title-wrapper {
        margin-block-start: 2.188rem;
    }
    
    .page-articles-list-page--content-wrapper {
        --nb-cols: 2;
    }
    
    .page-articles-list-page--subtitle {
        margin-block-start: 2rem;
    }

}

@media screen and (min-width: 64rem) {
    
    .page-articles-list-page--content-wrapper {
        --nb-cols: 3;
    }

}