/* Reserve a rail only when both navigation and reading content have room. */
body:has(.desktop-side-ad) { --desktop-ad-rail: 0px; }
.desktop-side-ad { display: none; }
@media (min-width: 1600px) and (min-height: 720px) {
  body:has(.desktop-side-ad) { --desktop-ad-rail: 332px; }
  .desktop-side-ad { display: block; position: fixed; top: calc(var(--header-height, 72px) + 24px); right: 16px; width: 300px; height: 600px; z-index: 4; line-height: 0; }
  .interactive-course:has(.desktop-side-ad) .course-shell,
  .how-to:has(.desktop-side-ad) .how-to-shell { padding-right: var(--desktop-ad-rail); }
  body:has(.desktop-side-ad) > .main-container { width: calc(100% - var(--desktop-ad-rail)); max-width: none; margin-left: 0; margin-right: var(--desktop-ad-rail); }
  body:not(.course-home-page):has(.desktop-side-ad) > .main-container .main-content-division { margin-left: 0; margin-right: 0; }
  .interactive-course:has(.desktop-side-ad) .lesson-main { margin-left: 0; margin-right: 0; }
  .interactive-course:has(.desktop-side-ad) .course-home { width: calc(100% - var(--desktop-ad-rail)); max-width: 1120px; margin-left: max(0px, calc((100% - var(--desktop-ad-rail) - 1120px) / 2)); margin-right: auto; }
  .interactive-course:has(.desktop-side-ad) .lesson-controls,
  .how-to:has(.desktop-side-ad) .how-to-controls-panel { right: var(--desktop-ad-rail); }
  .how-to:has(.desktop-side-ad) .how-to-container { width: calc(100% - var(--desktop-ad-rail)); max-width: 1160px; margin-left: max(0px, calc((100% - var(--desktop-ad-rail) - 1160px) / 2)); margin-right: auto; }
}
body.lesson-focus-mode:has(.desktop-side-ad) { --desktop-ad-rail: 0px; }
body.lesson-focus-mode .desktop-side-ad { display: none; }