/* Ad slot layout for the 468x60 inline banner and the 300x250 footer unit.
   Only the wrapper boxes are styled. The Adsterra iframe keeps its native
   size (468x60 / 300x250) and the ad code is never rewritten. On narrow
   screens the wrapper is zoomed as a whole, so the full creative stays
   visible instead of being clipped by the old max-width:100% rule. */

.ad-slot-inline {
  width: 468px;
  max-width: none !important;
  margin-left: auto;
  margin-right: auto;
}

.ad-slot:not(.ad-slot-inline) {
  width: 300px;
  max-width: none !important;
  margin-left: auto;
  margin-right: auto;
}

/* Breakpoints are chosen against the narrowest usable column on the site
   (article pages: viewport minus 28px of .news-main padding). Each step
   keeps 468 * zoom inside that column with no horizontal overflow. */
@media (max-width: 496px) { .ad-slot-inline { zoom: .88; } }
@media (max-width: 440px) { .ad-slot-inline { zoom: .78; } }
@media (max-width: 393px) { .ad-slot-inline { zoom: .68; } }
@media (max-width: 346px) { .ad-slot-inline { zoom: .60; } }
@media (max-width: 328px) { .ad-slot:not(.ad-slot-inline) { zoom: .92; } }