/* Mobile touch contract: cards are part of the page flow, not nested vertical scrollers. */
@media (max-width: 760px) {
  html,
  body.owner-shell-v1,
  body.owner-shell-v1 .main,
  body.owner-shell-v1 #moduleStage {
    touch-action: pan-y;
  }

  body.owner-shell-v1:not(.auth-required) #moduleStage[data-active-module-tab="0"] [data-overview-canvas-widget] > .panel,
  body.owner-shell-v1:not(.auth-required) #moduleStage[data-active-module-tab="0"] [data-overview-canvas-widget]:not([data-overview-canvas-widget="focus"]) > .panel,
  body.owner-shell-v1:not(.auth-required) #moduleStage .module-canvas-widget > .panel:not(.overview-command-deck) {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    overscroll-behavior: auto !important;
    scrollbar-gutter: auto !important;
    touch-action: pan-y;
  }

  /* Keep deliberately bounded lists and editors independently scrollable. */
  body.owner-shell-v1 #moduleStage :is(.list, [data-list], .table-wrap, .knowledge-v2__records, .knowledge-v2__capture-body, .cc-tag-picker__options) {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    touch-action: pan-y;
  }

  body.owner-shell-v1 #moduleStage :is(.overview-canvas-drag-handle, .overview-canvas-resize-handle, .module-canvas-drag-handle, .module-canvas-resize-handle)::before,
  body.owner-shell-v1 #moduleStage :is(.overview-canvas-drag-handle, .overview-canvas-resize-handle, .module-canvas-drag-handle, .module-canvas-resize-handle)::after {
    pointer-events: none;
  }
}