/* ═══════════════════════════════════════════════════════════════
   settings-modal.css — Settings overlay z-index lift
   ───────────────────────────────────────────────────────────────
   Luke flag (2026-05-13): the Settings panel ("Display / Tools /
   Board Builder") was sitting at z-index 30, BEHIND the sticky
   caption pill (50), the fixed bottom rail (55), and the bottom
   nav (60). Result: opening Settings covered the page with the
   dim-overlay but the panel itself was painted under three layers
   of chrome and the operator could click straight through.

   Lift the modal above every persistent chrome layer (rail,
   sticky pill, bottom nav). Keep it BELOW the tt-nav (10001) so
   the page header stays as the canonical "you are here" anchor,
   and below toast/alert overlays which conventionally sit at
   the top of the stacking context.
   ═══════════════════════════════════════════════════════════════ */

.menu-builder {
  /* Was z-index: 30 in styles.css. Push above bottom-nav (60),
     ask-wrap (55), sentence-bar-wrap (50), but below tt-nav (10001). */
  z-index: 200;
}