.Article {
    margin-block: 0 var(--articleMarginBottom);
}

.Article.--hasBackground {
    margin-block: 0;
}

.Article.--hasBackground + .Article:not(.--hasBackground) {
    margin-block: var(--articleMarginBottomSmall) 0;
}

@media (min-width: 768px) {
    .Article.--hasBackground + .Article:not(.--hasBackground) {
        margin-block: var(--articleMarginBottom) 0;
    }
}