/* Trades overlay never has anything meaningful in this demo. */
        .mlp-ohlcv-demo [data-tutorial-target="trading-overlay-trades"] {
          display: none !important;
        }

        /* ── Width robustness ────────────────────────────────────────
           The chart trees (lightweight-charts panes, HUD selectors,
           overlay canvases) inherit min-content sizing by default.
           Without these guards, on narrow phones (320-375 px) one
           overflowing inline-flex strip pushes the demo wider than
           its card and gives the user a horizontal-scroll surprise.
           Belt-and-braces:
             - max-width: 100% on every descendant
             - min-width: 0 so flex children can shrink past content
             - box-sizing: border-box keeps padding inside the box
        */
        .mlp-ohlcv-demo, .mlp-ohlcv-demo * {
          box-sizing: border-box;
          max-width: 100%;
        }
        .mlp-ohlcv-demo > div,
        .mlp-ohlcv-demo > div > div {
          min-width: 0;
        }

        /* Mobile-specific tightening */
        .mlp-ohlcv-demo-mobile [data-tutorial-target^="trading-indicator-"] {
          display: none !important;
        }
        .mlp-ohlcv-demo-mobile [data-tutorial-target="trading-overlay-bar"] {
          gap: 4px;
          padding-left: 6px;
          padding-right: 6px;
          flex-wrap: wrap;
          row-gap: 4px;
        }
        /* Top HUD also wraps on mobile so the symbol + timeframe row
           doesn't push past the right edge. */
        .mlp-ohlcv-demo-mobile [data-tutorial-target="trading-top-hud"],
        .mlp-ohlcv-demo-mobile [data-tutorial-target^="trading-top-"] {
          flex-wrap: wrap !important;
          row-gap: 4px;
          column-gap: 6px;
        }
        /* Catch-all: any direct flex row inside the demo that spills
           gets allowed to wrap on mobile. The inner chart is positioned
           absolutely, so this rule only affects the HUD chrome. */
        .mlp-ohlcv-demo-mobile .pointer-events-auto {
          flex-wrap: wrap;
        }