/*
 * Flutter 3.38 renders plain accessibility labels as scaled, nowrap spans.
 * Their unscaled width can enlarge an ancestor's DOM scroll area in WebKit.
 * Browser focus/scrollIntoView then moves a vertical panel horizontally while
 * the CanvasKit content stays put, so accessible clicks hit the wrong control.
 *
 * Clip only leaf labels to the semantic rectangle Flutter already supplies.
 * Keep their full text, scale and accessibility tree. Scroll containers and
 * editable controls retain the engine's overflow behavior.
 * Recheck this guard when upgrading Flutter's SizedSpanRepresentation.
 */
flt-semantics:has(> span[style*="scale("]):not(
    :has(> flt-semantics, > input, > textarea, > flt-text-editing-host)
  ) {
  overflow: clip !important;
}