/* UI Kit touch contract: browser panning remains native; page zoom does not.
 * touch-action only affects touchscreen gestures, not keyboard/browser zoom.
 * Ancestor intersection keeps component-owned axes and Leaflet/game `none`.
 * Iframes are separate documents and must opt in at their own root.
 */
html[data-page-zoom="stable"],
html[data-page-zoom="stable"] body {
  touch-action: pan-x pan-y;
}

/* This nested scroll/controller boundary explicitly owns horizontal dragging. */
html[data-page-zoom="stable"] .brand-flavours__rail[data-brand-rail-controlled="true"] {
  touch-action: pan-y;
}