/* Centralized AdSense placement layer. Desktop side rail is intentionally one sticky unit. */
.site-ad {
  width: 100%;
  text-align: center;
}
.site-ad__inner {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}
.site-ad--top .ad-slot {
  min-height: 90px;
  margin: 16px auto 10px;
}
.site-ad--bottom .ad-slot {
  min-height: 90px;
  margin: 22px auto 10px;
}
.site-ad .ad-slot--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 90px;
  color: #98a2b3;
  border: 1px dashed #dbe2f0;
  border-radius: 12px;
  background: rgba(255,255,255,.25);
  font-size: 12px;
}
.site-content-shell {
  position: relative;
}
.site-ad-rail {
  display: none;
}

/* Side rail ads: desktop only, maximum width 160px, single sticky unit. */
@media (min-width: 1480px) {
  .site-ad-rail {
    display: block;
    position: fixed;
    z-index: 8;
    top: 120px;
    inset-inline-end: max(12px, calc((100vw - 1280px) / 2 - 180px));
    width: 160px;
    min-height: 600px;
  }

  .site-ad-rail .ad-slot {
    width: 160px;
    min-height: 600px;
  }

  .site-ad-rail .ad-slot--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 600px;
    border: 1px dashed #dbe2f0;
    border-radius: 10px;
    color: #98a2b3;
    font-size: 11px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
}

@media (max-width: 1479px) {
  .site-ad-rail { display: none !important; }
}

@media (max-width: 820px) {
  .site-ad--top .ad-slot,
  .site-ad--bottom .ad-slot { min-height: 60px; }
}