/* Commands stay within reach when the student scrolls between source and diagnostics. */
.run-controls { --command-blue:#1d4167; color:#172e47; align-items:center; border:1px solid #c4d1df; background:#f8fafc; padding:7px 9px; gap:6px 12px; }
main[data-view=bench] > .run-controls { position:sticky; top:0; z-index:8; box-shadow:0 2px 6px #102d5016; }
.run-controls .run-actions,.run-controls .run-settings { display:flex; gap:4px; flex-wrap:wrap; align-items:center; min-width:0; }
.run-controls .run-actions .run-action { display:inline-flex; align-items:center; gap:5px; min-height:34px; white-space:nowrap; color:#233f5d; border:1px solid #c9d6e2; border-radius:5px; background:#fff; padding:5px 7px; }
.run-controls .run-action i { display:grid; place-items:center; width:15px; }
.run-controls .run-action svg { width:15px; height:15px; stroke-width:1.85; }
.run-controls kbd { background:#edf2f7; color:#455b72; border:1px solid #d1dce6; padding:1px 3px; border-radius:3px; font:500 10px/1.25 var(--mono,monospace); }
.run-controls .run-actions .run-action:hover:enabled { background:#e9f1fa; border-color:#94acc6; }
.run-controls .run-actions .run-action.primary:enabled { background:var(--command-blue); color:#fff; border-color:var(--command-blue); }
.run-controls .run-action.primary:enabled kbd { background:#385a7c; color:#fff; border-color:#658099; }
.run-controls .run-actions .run-action:disabled { opacity:.65; }
.run-controls .run-action.is-executing i { height:11px; background:linear-gradient(to right,transparent 1px,currentColor 1px 5px,transparent 5px 8px,currentColor 8px 12px,transparent 12px); }
.run-controls .run-action.is-executing svg { visibility:hidden; }
.run-controls .run-settings { margin-inline-start:auto; }
.run-controls .run-settings select { max-width:174px; }
.run-controls #ticks { color:#465f79; font-variant-numeric:tabular-nums; }
main:is([data-view=modules],[data-view=board]) > .run-controls .run-actions { display:none; }
main[data-view=modules] > .run-controls .run-settings { display:flex; }
main[data-view=modules] > .run-controls .run-settings :is([for=speed],#speed,#ticks,#buildFiles),
main[data-view=board] > .run-controls #buildFiles { display:none; }
.bench-nvic { padding:12px; background:#fff; min-width:0; }
#nvicSnapshotHost { margin-bottom:12px; }
@media(min-width:761px) { main[data-view=bench] :is(.bottomtabs,.ed-result,.tv-event-table,#scope,.sourcewrap) { scroll-margin-top:95px; } }
@media(max-width:760px) {
  main[data-view=bench] > .run-controls { position:relative; }
  .run-controls .run-settings { margin-inline-start:0; }
  .run-controls .run-action { flex:0 0 auto; }
  .run-controls .run-actions { flex-wrap:nowrap; max-width:100%; overflow-x:auto; padding-bottom:4px; }
}