:where(.region) {
    max-width: var(--content-width-normal);
    margin-inline: auto;
    width: 100%;
}

:where(.region.wide) {
    max-width: var(--content-width-wide);
}

:where(.region.wider) {
    max-width: var(--content-width-wide-2);
}

:where(.region.extra-wide) {
    max-width: var(--content-width-extra-wide) !important;
}


@media screen and (max-width: 70em) {
    :where(.region) {
        padding-inline: var(--mobile-padding);
    }
}