
          @media (max-width: 880px) {
            /* ── STRATEGY STUDIO — mobile sticky-step choreography ──
               Mobile keeps the desktop sticky pin and the 320vh
               scroll wrapper. The render branch swaps the 2-col
               pipeline grid for three absolutely-stacked step
               panels (MobileStudioStep) that crossfade as the user
               scrolls — DRAFTER -> CRITIC -> REPAIRER. The previous
               "force-visible" overrides are gone because the steps
               now drive their own opacity from scroll progress. */

            /* Pin: keep sticky. Drop the bottom padding entirely
               so the stats sit flush against the bottom edge of the
               pin instead of floating in dead space. The MobileStudioStep
               panels are absolute inset:0 inside a flex:1 container,
               so removing pin padding-bottom doesn't crop them — the
               flex column just hands the stats their own row at the
               very bottom of the pinned viewport. */
            .trading-engine-studio-pin {
              padding-top: clamp(72px, 10vh, 100px) !important;
              padding-bottom: 0 !important;
            }

            /* Mobile stack container holds the three sticky steps;
               persona disc + content stack vertically inside each. */
            .trading-engine-studio-mobile-stack [style*="border-radius: 50%"] {
              flex-shrink: 0 !important;
            }

            /* Stats: compress to a single column and pull them up
               flush against the mobile stack. The tight margin-top
               (was 28-56px) means counters read as a footer of the
               current step, not as a separate strip floating below. */
            .trading-engine-studio-stats {
              grid-template-columns: 1fr !important;
              margin-top: clamp(8px, 0vh, 14px) !important;
            }

            /* CodeStrip on mobile uses prm={true} which forces
               width:100% via the component's own branch — no CSS
               override needed for the typing mask. */
          }
        