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

.Article--static {
    margin-bottom: 0;
}

.Article--static .Article__content {
    max-width: var(--maxContentWidthSmall1);
    padding: clamp(var(--marginSmall), 8vw, var(--marginLarge)) clamp(var(--marginExtraSmall), 7vw, var(--marginExtraLarge));
    background-color: var(--baseLight100);
}

.twoCol .Article--static .Article__content {
    padding-inline: 0;
}

.Article.--hasBackground {
    padding-block: var(--marginLarge);
}

.Article.--hasBackground + .Article.--hasBackground,
.Article:not(.Article--static).--hasBackground + .Article--static {
    margin-top: calc(-1 * var(--marginLarge));
}

.at-banner + .at-usp + .Article--static {
    margin-top: calc(-1 * var(--marginLarge));
}

.main .Article.--hasBackground:first-of-type,
.main .Article--static + .Article--template,
.main .Article--static + .Article--snippet:has(.Form) {
    margin-top: 0;
}

.Article + .Article.--noPaddingTop {
    margin-top: calc(-0.5 * var(--marginLarge));
}

.Article.--hasBackground + .Article.--noPaddingTop {
    margin-top: calc(-1.8 * var(--marginLarge));
    padding-top: 0;
}

.Article.--hasBackground:last-of-type:not(.--donationForm) {
    margin-bottom: 0;
}

@media (min-width: 600px) {
    .at-banner + .at-usp + .Article--static {
        margin-top: calc(-1.35 * var(--marginLarge));
    }
}