/* The Q table drawn on the cliff grid (rl-1). Replay controls live in the canvas bar. */
/* The credit drawing shows two fixed updates (19 and 24), so it has no replay bar. */
#rc .qm-toolbar { display: none; }
#rc :is(.rc-stage, .rc-fig):is([data-active-panel="map"], [data-active-panel="update"]) .qm-toolbar { display: flex; flex: 1 1 auto; min-width: 0; align-items: center; gap: 6px; }
#rc :is(.rc-stage, .rc-fig):is([data-active-panel="map"], [data-active-panel="update"]) .rc-bar > .rc-where { display: none; }
#rc .qm-toolbar button { flex: 0 0 auto; min-width: 38px; min-height: 34px; padding: 4px 8px; font: 600 14px/1 Arial, sans-serif; cursor: pointer; border: 1px solid var(--line); border-radius: 3px; }
#rc .qm-toolbar button[disabled] { opacity: .4; cursor: default; }
#rc .qm-toolbar input[type="range"] { flex: 1 1 auto; min-width: 60px; margin: 0; accent-color: var(--bb-yellow); background: transparent !important; border: 0 !important; }
#rc .qm-readout { flex: 0 0 auto; min-width: 6.5em; text-align: right; font: 600 13px/1.2 var(--bb-hand); font-size: 16px; color: var(--bb-yellow); white-space: nowrap; }
#rc [data-qm="map"] .qm-cell { cursor: pointer; }
#rc [data-qm="map"]:focus { outline: none; }
#rc [data-qm="map"]:focus-visible .qm-sel { stroke-width: 7; }
#rc.qm-narrow [data-qm="map"] .qm-cell text { display: none; }
#rc [data-qm="map"] .qm-arrow-big { display: none; }
#rc.qm-narrow [data-qm="map"] .qm-arrow-big { display: inline; }
#rc.qm-narrow [data-qm="map"] .qm-arrow { display: none; }
#rc .qm-live { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.article-body .qm-jump { display: flex; flex-wrap: wrap; gap: 8px; }
.article-body .qm-jump button { font: 600 14px/1.2 Arial, sans-serif; padding: 9px 12px; min-height: 40px; border: 1px solid var(--line); border-radius: 3px; cursor: pointer; }
.article-body .qm-jump button:hover, .article-body .qm-jump button:focus-visible { border-color: var(--accent); }
@media (max-width: 520px) { #rc .qm-readout { min-width: 0; font-size: 14px; } }
/* Phones see the 12-column map at about 0.43 CSS px per unit, so its small labels grow to about 10 px,
   the long key line gives way to a short one, and the close-up waits for "Two readouts". */
#rc .qm-narrow-only { display: none; }
#rc.qm-narrow .qm-narrow-only { display: inline; }
#rc.qm-narrow .qm-wide-only { display: none; }
#rc.qm-narrow :is([data-qm-t="lab"], [data-qm-t="key"], [data-qm="status"]) { font-size: 24px; }
#rc.qm-narrow [data-qm-t="s"] { font-size: 17px; }
#rc.qm-narrow :is(.rc-stage, .rc-fig):is([data-active-view="world"], [data-active-view="table"]) [data-qm="cell"] { visibility: hidden; }