/*
 * Mobile marketing pages must have exactly one vertical scroller.
 * Embedded demos stay interactive on larger screens and become a safe preview
 * on touch-sized screens, where the prominent links open the full demo.
 */
@media (max-width: 900px), (pointer: coarse) {
  .interactive-demo-shell,
  .tb-phone-shell {
    touch-action: pan-y;
  }

  .interactive-demo-frame,
  .tb-phone-shell iframe {
    pointer-events: none !important;
    touch-action: pan-y !important;
    overscroll-behavior: none;
  }

  .interactive-demo-frame {
    height: min(610px, 68dvh) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}