.manual-ad { width: min(1100px, calc(100% - 24px)); margin: 16px auto; text-align: center; }
.manual-ad > small { display: block; margin-bottom: 4px; font-size: 10px; color: #7b8190; }
.manual-ad img { display: block; width: 100%; max-height: 250px; aspect-ratio: 1100 / 160; }
.manual-ad iframe { display: block; width: 100%; height: 160px; border: 0; }
.manual-ad-portrait { max-width: 160px; }
.manual-ad-portrait img { aspect-ratio: 160 / 600; max-height: 600px; }
.manual-ad-portrait iframe { height: 600px; }
@media(max-width:640px) { .manual-ad { margin: 12px auto; } }

.manual-ad-tall img { aspect-ratio: 1100 / 250; }
.manual-ad-tall iframe { height: 250px; }

/* Fill the inventory box instead of adding a second banner beside it. */
.site-ad-placement.manual-ad-occupied { padding: 0; border: 0; background: transparent; gap: 0; }
.manual-ad-occupied > small { display: none; }
.manual-ad-occupied > a { display: block; width: 100%; height: 100%; }
.manual-ad-occupied img, .manual-ad-occupied iframe { width: 100%; height: 100%; max-height: none; }
.manual-ad-occupied[data-manual-slot="topBanner"] { height: auto; }
.manual-ad-occupied[data-manual-slot="topBanner"] iframe { height: 250px; }
.manual-ad-occupied[data-manual-slot="leftRail"], .manual-ad-occupied[data-manual-slot="rightRail"] { margin: 0; }
