/* v9.1.4 — MOBILE CLS FIX (ads only, presentation only).
   Cause measured on live site: on phones the header ad first grows to ~390px,
   then collapses when AdSense returns no ad, pushing the whole page up/down
   (CLS 0.4–0.5). Same for in-content units collapsing above the text.
   Fix: every ad slot on phones/tablets gets one fixed, reserved height that
   never grows and never collapses. Slot IDs, loader and desktop untouched. */
@media (max-width: 1024px) {
  /* Header unit: fixed 100px strip (fits 320x100 / 320x50). */
  .tgl-header-split-ad,
  .tgl-header-split-ad .tgl-ad,
  .tgl-header-split-ad .tgl-ad-box {
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    overflow: hidden !important;
    contain: layout size;
  }
  .tgl-header-split-ad .tgl-ad-box > ins.adsbygoogle,
  .tgl-header-split-ad ins.adsbygoogle {
    display: block !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    overflow: hidden !important;
  }

  /* In-content / other in-flow units: fixed 280px reservation. */
  .tgl-content .tgl-ad-box,
  .tgl-main .tgl-ad-box:not(.tgl-ad--sticky) {
    height: 290px !important;
    min-height: 290px !important;
    max-height: 290px !important;
    overflow: hidden !important;
    contain: layout size;
  }
  .tgl-content .tgl-ad-box > ins.adsbygoogle,
  .tgl-main .tgl-ad-box:not(.tgl-ad--sticky) > ins.adsbygoogle {
    height: 280px !important;
    max-height: 280px !important;
    overflow: hidden !important;
  }
  .tgl-header-split-ad .tgl-ad-box { height: 108px !important; min-height: 108px !important; max-height: 108px !important; }

  /* Never collapse an unfilled slot on phones — collapsing is a layout shift.
     The empty reserved space stays (keeps the page perfectly still). */
  .tgl-ad-box > ins.adsbygoogle[data-ad-status="unfilled"] {
    display: block !important;
    visibility: hidden !important;
  }
  .tgl-ad-box:has(> ins.adsbygoogle[data-ad-status="unfilled"]),
  .tgl-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]) {
    display: block !important;
  }

  /* Google Auto Ads inserted above content: keep them from resizing the page. */
  .google-auto-placed { contain: layout; }
}