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

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

.Article.--hasBackground + .Article:not(.--hasBackground) {
    margin-block: calc(var(--articleMarginBottom) / 2);
}

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