/*
 * Layout stability for third-party advertising.
 *
 * These rules only apply when an ad element is actually present. They do not
 * create empty ad boxes, so pages without an ad keep their normal layout.
 */
@media (min-width: 768px) {
  ins.adsbygoogle,
  [id^="google_ads_iframe"],
  iframe[id^="google_ads_iframe"],
  iframe[src*="doubleclick.net"] {
    display: block;
    width: 100%;
    min-height: 280px;
    contain: layout paint;
  }

  .featured-image {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .prose img:not([width]):not([height]) {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .prose iframe:not([height]) {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}