/* Archive ad slots: Webb >= 768px, Mobil < 768px (same breakpoint as the legacy md:block / md:hidden blocks). */
.mm-editorial-grid-ad { container-type: inline-size; }
.mm-ad-variant { width: 100%; min-width: 0; text-align: center; }
/* Reserve space before the creative loads. Unknown sizes use a floor per device. */
.mm-ad-variant-desktop { min-height: 90px; }
.mm-ad-variant-mobile { min-height: 100px; }
.mm-ad-variant.mm-ad-sized { min-height: calc(var(--mm-ad-h) * 1px); }
@supports (width: 1cqi) {
    /* Creatives scale down with max-width: 100%, so cap the reservation at the scaled height. */
    .mm-ad-variant.mm-ad-sized { min-height: min(calc(var(--mm-ad-h) * 1px), calc(100cqi * var(--mm-ad-ratio))); }
}
@media (max-width: 767.98px) {
    .mm-ad-variant-desktop, .mm-ad-split:not(.mm-ad-has-mobile) { display: none !important; }
}
@media (min-width: 768px) {
    .mm-ad-variant-mobile, .mm-ad-split:not(.mm-ad-has-desktop) { display: none !important; }
}