/* AdSense display rails (desktop) and sticky bottom anchor slot (mobile).
   Rails only appear once the viewport is wide enough that they land in the
   empty space beside the centered Bootstrap .container (max-width 1320px at
   the xxl breakpoint) rather than overlapping it or the fixed navbar. */

.page-with-rails {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
}

.ad-rail {
  display: none;
  width: 160px;
  flex: 0 0 160px;
  position: sticky;
  top: 90px;
}

@media (min-width: 1700px) {
  .ad-rail {
    display: block;
  }
}