/* Desktop repairs only. The approved <=768px layout is unchanged. */
@media (min-width: 769px) {
  #design, #plan, #factory, #q04-picks, #supply,
  #s05-concierge, #s05-route, #s05-summary,
  #cases, #pricing, #faq, #contact {
    scroll-margin-top: calc(var(--site-nav-height, 74px) + 12px);
  }
}

@media (min-width: 769px) and (max-width: 860px) {
  /* HTML height attributes must not force 1000px-tall responsive images. */
  #design .scene-panel-img { height: auto; }
  #design .design-pin { display: block; }
  /* Each story already has its own image in this stacked layout. */
  #design .design-visual { display: none; }
  .nav .nav-links {
    position: absolute;
    inset: calc(100% + 1px) 0 auto;
  }
}

@media (min-width: 769px) and (max-height: 850px) {
  /* Let readers scroll the whole itinerary when it cannot fit in one screen. */
  #supply .s05-route-pin { height: auto; }
  #supply .s05-route-pin .s05-itinerary {
    position: relative;
    top: auto;
    min-height: 0;
    display: block;
  }
}