.x8na-ad{box-sizing:border-box;position:relative;width:min(var(--x8na-w,728px),100%);max-width:100%;height:var(--x8na-h,auto);margin:var(--x8na-mt,18px) auto var(--x8na-mb,18px);padding:var(--x8na-pad,0);z-index:20}
.x8na-ad-link{display:block;text-decoration:none!important;color:inherit!important}
.x8na-ad-picture{display:block;width:100%;height:100%}
.x8na-ad-image{display:block;width:100%;height:100%;max-width:100%;object-fit:var(--x8na-fit,contain);border-radius:var(--x8na-radius,8px);box-shadow:none!important}
.x8na-ad-caption{display:block;margin-top:7px;text-align:center;font:600 12px/1.4 "Open Sans",sans-serif;color:#2c6fb4}
.x8na-ad-label{display:block;margin:0 0 5px;text-align:center;font:600 10px/1.3 "Open Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#65788a}

/* Desktop sticky rails. JS computes the horizontal position from the live site gutter.
   Top offset is read directly from the ad record. */
.x8na-sticky-rail{position:fixed;top:var(--x8na-top,110px);margin:0!important;z-index:65;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease,left .12s ease,right .12s ease;will-change:left,right,opacity}
.x8na-zone-left_sticky_rail{left:12px;right:auto}
.x8na-zone-right_sticky_rail{right:12px;left:auto}
.x8na-sticky-rail.x8na-rail-ready:not(.x8na-rail-suppressed){opacity:1;visibility:visible;pointer-events:auto}
.x8na-sticky-rail.x8na-rail-suppressed{opacity:0;visibility:hidden;pointer-events:none}

/* True viewport-sticky bottom banner. It is visible from first paint and remains
   pinned to the bottom while the visitor scrolls. Bottom margin = viewport offset. */
.x8na-sticky-bottom-slot{display:contents}
.x8na-zone-footer_leaderboard{position:fixed!important;left:50%!important;right:auto!important;bottom:var(--x8na-mb,18px)!important;top:auto!important;transform:translateX(-50%);margin:0!important;width:min(var(--x8na-w,728px),calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:var(--x8na-h,auto);z-index:80;pointer-events:auto;opacity:1;visibility:visible;transition:opacity .18s ease,visibility .18s ease,transform .18s ease}
.x8na-zone-footer_leaderboard .x8na-ad-link,.x8na-zone-footer_leaderboard .x8na-ad-picture{width:100%;height:100%}
.x8na-zone-footer_leaderboard.x8na-bottom-suppressed{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateX(-50%) translateY(14px)!important}

/* Blog ads are injected only inside article content. */
.x8na-blog-ad{box-sizing:border-box;width:100%;max-width:100%;clear:both;overflow:hidden}
.x8na-blog-ad .x8na-ad{margin-left:auto;margin-right:auto;max-width:100%}
.x8-blog-article-content .x8na-blog-ad,.entry-content .x8na-blog-ad{max-width:100%}

.x8na-hide-desktop{display:none!important}
@media (max-width:1279px){
  .x8na-hide-desktop{display:block!important}
  .x8na-hide-tablet{display:none!important}
}
/* Phone rules are isolated: desktop rail geometry and desktop banner styles stay unchanged. */
@media (max-width:767px){
  .x8na-ad{width:100%;height:auto;margin-top:var(--x8na-mt,14px);margin-bottom:var(--x8na-mb,14px);padding:0}
  .x8na-ad .x8na-ad-link,.x8na-ad .x8na-ad-picture{width:100%;height:auto;min-width:0}
  .x8na-ad .x8na-ad-image{width:100%;height:auto;aspect-ratio:var(--x8na-mobile-ratio,728 / 90);object-fit:var(--x8na-fit,contain)}
  .x8na-ad.x8na-hide-desktop,.x8na-ad.x8na-hide-tablet{display:block!important}
  .x8na-ad.x8na-hide-mobile{display:none!important}
  .x8na-sticky-rail{display:none!important}
  .x8na-ad-caption{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
  .x8na-ad-label{line-height:1.3;overflow-wrap:anywhere}
  .x8na-zone-footer_leaderboard{left:var(--x8na-mobile-center,50%)!important;width:var(--x8na-mobile-container-width,calc(100vw - 28px))!important;max-width:calc(100vw - 16px)!important;height:auto;bottom:max(var(--x8na-mb,18px),env(safe-area-inset-bottom,0px))!important;box-sizing:border-box;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;padding:0!important}
  .x8na-zone-footer_leaderboard .x8na-ad-image{max-height:none}
  .x8-menu-open .x8na-zone-footer_leaderboard{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}

/* Keep restored native ad links interactive without changing placement. */
.x8na-ad a.x8na-ad-link[href]{pointer-events:auto!important;cursor:pointer}
.x8na-ad a.x8na-ad-link[href]:focus-visible{outline:2px solid #2c6fb4;outline-offset:3px}
