/* Never neutral · postings keep four motions. Every rule is scoped under the doubled root class .rbv1.rbv1.
   Colour carries one meaning each: solid cyan only the four motions; quiet grey line hatching
   neutral weight (a state that holds or can take it, the neutral part of a record's state) with red numerals and red text for
   leaking; plain grey the rest; magenta the record being read.
   Tokens fall back to the page's --rbt-* tokens, then to built-in defaults. */
.rbv1.rbv1 {
  --rbv-paper: var(--rbt-paper, #faf8f3); --rbv-ink: var(--rbt-ink, #1d1d1b); --rbv-body: var(--rbt-body, #2a2926);
  --rbv-soft: var(--rbt-soft, #3c3a36); --rbv-hair: var(--rbt-hair, #8a8a8a);
  --rbv-rule: color-mix(in srgb, var(--rbv-ink) 16%, var(--rbv-paper));
  --rbv-faint: color-mix(in srgb, var(--rbv-ink) 26%, var(--rbv-paper));
  --rbv-cellb: color-mix(in srgb, var(--rbv-ink) 52%, var(--rbv-paper)); /* outlines of empty, pressable cells: at least 3:1 */
  --rbv-grey: color-mix(in srgb, var(--rbv-ink) 13%, var(--rbv-paper));
  --rbv-cyan: var(--rbt-kept, #009fe3); --rbv-cyan-text: var(--rbt-kept-text, #00739f);
  --rbv-red: var(--rbt-leak, #c8401f); --rbv-red-text: var(--rbt-leak-text, #ad371a);
  --rbv-magenta: var(--rbt-rec, #e6007e); --rbv-magenta-text: var(--rbt-rec-text, #c0006a);
  --rbv-text: "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --rbv-display: "Inter Display", "InterVariable", "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --rbv-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --rbv-hatch: color-mix(in srgb, var(--rbv-ink) 42%, var(--rbv-paper));
  --rbv-sq: 34px;
  margin: 0; padding: 0; color: var(--rbv-body); font: 420 16px/1.42 var(--rbv-text); font-optical-sizing: auto;
  border: 1px solid var(--rbv-rule); background: transparent; box-sizing: border-box; min-width: 0;
}
@media (prefers-color-scheme: dark) {
  .rbv1.rbv1 {
    --rbv-paper: var(--rbt-paper, #141413); --rbv-ink: var(--rbt-ink, #faf8f3); --rbv-body: var(--rbt-body, #e9e6df); --rbv-soft: var(--rbt-soft, #c9c5bc);
    --rbv-grey: color-mix(in srgb, var(--rbv-ink) 17%, var(--rbv-paper));
    --rbv-faint: color-mix(in srgb, var(--rbv-ink) 30%, var(--rbv-paper));
    --rbv-cyan: var(--rbt-kept, #2bb3f0); --rbv-cyan-text: var(--rbt-kept-text, #2bb3f0); --rbv-red: var(--rbt-leak, #ff6a3d); --rbv-red-text: var(--rbt-leak-text, #ff8a63);
    --rbv-magenta: var(--rbt-rec, #ff3d9e); --rbv-magenta-text: var(--rbt-rec-text, #ff6fb6);
  }
}
.rbv1.rbv1 *, .rbv1.rbv1 *::before, .rbv1.rbv1 *::after { box-sizing: border-box; }
.rbv1.rbv1 :is(p, span, b, i, label, output, button) { margin: 0; }
.rbv1.rbv1 i { font-style: normal; }
.rbv1.rbv1 .rbv1-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.rbv1.rbv1 .rbv1-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .3rem 1rem; padding: .75rem 1.1rem;
  border-bottom: 1px solid var(--rbv-rule); font: 700 .7rem/1.5 var(--rbv-mono); letter-spacing: .13em; text-transform: uppercase; color: var(--rbv-ink); }
.rbv1.rbv1 .rbv1-sub { color: var(--rbv-soft); }
.rbv1.rbv1 .rbv1-lede { padding: 1rem 1.1rem 0; max-width: 40rem; font-size: 1rem; color: var(--rbv-body); }
.rbv1.rbv1 .rbv1-caption p { max-width: 40rem; }
.rbv1.rbv1 .rbv1-glabel { font: 700 .66rem/1.4 var(--rbv-mono); letter-spacing: .13em; text-transform: uppercase; color: var(--rbv-soft); }
.rbv1.rbv1 :is(button, input, [tabindex]):focus-visible { outline: 3px solid var(--rbv-ink); outline-offset: 2px; }

/* body: grid of starts beside the chosen start's records */
.rbv1.rbv1 .rbv1-body { display: grid; grid-template-columns: min-content minmax(0, 1fr); grid-template-rows: auto 1fr;
  grid-template-areas: "gp steps" "gp dp"; gap: .8rem 2rem; padding: 1rem 1.1rem 1rem; align-items: start; }
.rbv1.rbv1 .rbv1-steps { grid-area: steps; }
.rbv1.rbv1 .rbv1-gp { grid-area: gp; }
.rbv1.rbv1 .rbv1-dp { grid-area: dp; }
.rbv1.rbv1.rbv1-stack .rbv1-body { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; grid-template-areas: "steps" "gp" "dp"; }
.rbv1.rbv1 .rbv1-replay { min-height: 44px; margin-left: .4rem; }
.rbv1.rbv1 .rbv1-gp { display: flex; flex-direction: column; gap: .7rem; min-width: 0; }
.rbv1.rbv1 .rbv1-dp { display: flex; flex-direction: column; gap: .55rem; min-width: 0; }

/* steps */
.rbv1.rbv1 .rbv1-steps { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem .8rem; }
.rbv1.rbv1 .rbv1-steps .rbv1-steprow { flex: 1 1 100%; }
.rbv1.rbv1 .rbv1-steprow { display: flex; flex-wrap: wrap; gap: .3rem; }
.rbv1.rbv1 .rbv1-step { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width: 3.1rem; min-height: 44px;
  padding: .25rem .45rem; border: 1px solid var(--rbv-ink); border-radius: 0; background: transparent; color: var(--rbv-ink); cursor: pointer; touch-action: manipulation; }
@media (hover: hover) { .rbv1.rbv1 .rbv1-step:hover { background: color-mix(in srgb, var(--rbv-ink) 7%, transparent); } }
.rbv1.rbv1 .rbv1-step[aria-pressed="true"] { background: var(--rbv-ink); color: var(--rbv-paper); }
.rbv1.rbv1 .rbv1-stepn { font: 700 .74rem/1.1 var(--rbv-mono); letter-spacing: .08em; text-transform: uppercase; }
.rbv1.rbv1 .rbv1-stepc { font: 600 .84rem/1.2 var(--rbv-mono); font-variant-numeric: tabular-nums; }
.rbv1.rbv1 .rbv1-stepnote { font: 400 .8rem/1.35 var(--rbv-text); color: var(--rbv-soft); }

/* the 64 starts */
.rbv1.rbv1 .rbv1-cell { display: grid; grid-template-columns: auto auto; gap: 8px 12px; justify-content: start; }
.rbv1.rbv1 .rbv1-blk { display: grid; grid-template-columns: 12px repeat(4, var(--rbv-sq)); grid-template-rows: 18px repeat(4, var(--rbv-sq)); gap: 3px; }
.rbv1.rbv1 .rbv1-blk.rbv1-blk-top { grid-template-rows: 18px 12px repeat(4, var(--rbv-sq)); }
.rbv1.rbv1 .rbv1-blab { grid-row: 1; grid-column: 2 / -1; font: 700 .86rem/18px var(--rbv-mono); letter-spacing: .12em; color: var(--rbv-ink); }
.rbv1.rbv1 .rbv1-let { font: 600 .74rem/12px var(--rbv-mono); color: var(--rbv-soft); text-align: center; align-self: center; }
.rbv1.rbv1 .rbv1-sq { width: var(--rbv-sq); height: var(--rbv-sq); padding: 0; border: 1px solid var(--rbv-cellb); border-radius: 0; background: transparent;
  display: flex; align-items: center; justify-content: center; cursor: pointer; touch-action: manipulation; position: relative;
  transition: background-color .25s, border-color .25s; }
@media (hover: hover) { .rbv1.rbv1 .rbv1-sq:hover { border-color: var(--rbv-ink); } }
.rbv1.rbv1 .rbv1-sq.rbv1-lk { border-color: var(--rbv-hatch);
  background: repeating-linear-gradient(135deg, var(--rbv-hatch) 0 1px, transparent 1px 5px); }
.rbv1.rbv1 .rbv1-sq.rbv1-nv { border-color: var(--rbv-cyan); background: var(--rbv-cyan); }
.rbv1.rbv1 .rbv1-sqn { font: 700 .74rem/1 var(--rbv-mono); color: var(--rbv-ink); }
.rbv1.rbv1 .rbv1-lk .rbv1-sqn { background: var(--rbv-paper); padding: 3px 5px; min-width: 1.35em; text-align: center; font-size: .82rem; color: var(--rbv-red-text); box-shadow: 0 0 0 1px var(--rbv-paper); }
.rbv1.rbv1 .rbv1-sq.rbv1-on { box-shadow: 0 0 0 2px var(--rbv-paper), 0 0 0 4px var(--rbv-ink); z-index: 1; }
.rbv1.rbv1 .rbv1-gkey { display: flex; flex-direction: column; gap: .2rem; font-size: .8rem; line-height: 1.3; color: var(--rbv-soft); max-width: 24rem; }
.rbv1.rbv1 .rbv1-gkey .rbv1-key { display: block; padding-left: 1.5rem; text-indent: -1.5rem; }
.rbv1.rbv1 .rbv1-gnote { font-size: .76rem; }
.rbv1.rbv1 .rbv1-key b { font: 700 .64rem/1.4 var(--rbv-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--rbv-ink); }
.rbv1.rbv1 .rbv1-sw { display: inline-block; width: 14px; height: 14px; vertical-align: -2px; margin-right: .45rem; text-indent: 0; border: 1px solid var(--rbv-faint);
  font: 700 9px/12px var(--rbv-mono); text-align: center; color: var(--rbv-ink); }
.rbv1.rbv1 .rbv1-sw-al { background: var(--rbv-cyan); border-color: var(--rbv-cyan); }
.rbv1.rbv1 :is(.rbv1-sw-ne, .rbv1-sw-lk) { background: repeating-linear-gradient(135deg, var(--rbv-hatch) 0 1px, transparent 1px 4px); border-color: var(--rbv-hatch); }
.rbv1.rbv1 .rbv1-sw-el { background: var(--rbv-grey); }
.rbv1.rbv1 .rbv1-sw-no { background: transparent; }

/* chosen start */
.rbv1.rbv1 .rbv1-selline { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .7rem; }
.rbv1.rbv1 .rbv1-selname { font: 700 .95rem/1.3 var(--rbv-mono); color: var(--rbv-ink); }
.rbv1.rbv1 .rbv1-selstat { font-size: .9rem; color: var(--rbv-soft); }
.rbv1.rbv1 .rbv1-selstat.rbv1-hot { color: var(--rbv-red-text); }
.rbv1.rbv1 .rbv1-selstat.rbv1-cool { color: var(--rbv-cyan-text); font-weight: 600; }
.rbv1.rbv1 .rbv1-other { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.2rem; }
.rbv1.rbv1 .rbv1-btn { font: 600 .84rem/1.2 var(--rbv-text); color: var(--rbv-ink); background: transparent; border: 1px solid var(--rbv-ink);
  border-radius: 0; padding: .5rem .7rem; min-height: 40px; cursor: pointer; touch-action: manipulation; }
@media (hover: hover) { .rbv1.rbv1 .rbv1-btn:hover:not(:disabled):not([aria-disabled="true"]) { background: color-mix(in srgb, var(--rbv-ink) 7%, transparent); } }
.rbv1.rbv1 .rbv1-btn[aria-pressed="true"], .rbv1.rbv1 .rbv1-btn.rbv1-act { background: var(--rbv-ink); color: var(--rbv-paper); }
.rbv1.rbv1 .rbv1-slider { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .7rem; flex: 1 1 18rem; }
.rbv1.rbv1 .rbv1-slider input { flex: 1 1 8rem; max-width: 14rem; accent-color: var(--rbv-ink); min-height: 32px; }
.rbv1.rbv1 .rbv1-out { font: 700 .9rem/1 var(--rbv-mono); color: var(--rbv-ink); min-width: 3em; }
.rbv1.rbv1 .rbv1-slhint { flex: 1 1 100%; font-size: .78rem; line-height: 1.3; color: var(--rbv-soft); }
.rbv1.rbv1 .rbv1-dis input { opacity: .45; }
.rbv1.rbv1 .rbv1-dis .rbv1-out { color: var(--rbv-soft); }

/* records */
.rbv1.rbv1 .rbv1-legend { display: flex; flex-wrap: wrap; gap: .2rem 1.2rem; font-size: .8rem; }
.rbv1.rbv1 .rbv1-cascade { outline-offset: 2px; }
.rbv1.rbv1 .rbv1-colhead, .rbv1.rbv1 .rbv1-crow { display: grid; grid-template-columns: 5.6rem minmax(0, 1fr) 3.6rem; gap: .7rem; align-items: center; }
.rbv1.rbv1 .rbv1-colhead { font: 400 .62rem/1.3 var(--rbv-mono); letter-spacing: .07em; text-transform: uppercase; color: var(--rbv-soft); padding-bottom: .25rem; }
.rbv1.rbv1 .rbv1-ch-rec { grid-column: 1 / 3; }
.rbv1.rbv1 .rbv1-ch-ne { grid-column: 3; text-align: right; white-space: nowrap; justify-self: end; }
.rbv1.rbv1 .rbv1-crow { padding: .16rem 0; }
.rbv1.rbv1 .rbv1-rlab { font: 700 .64rem/1.3 var(--rbv-mono); letter-spacing: .09em; text-transform: uppercase; color: var(--rbv-ink); }
.rbv1.rbv1 .rbv1-bar { height: 32px; position: relative; cursor: pointer; touch-action: manipulation; }
.rbv1.rbv1.rbv1-hero .rbv1-bar { height: 28px; }
.rbv1.rbv1 .rbv1-cv { display: block; width: 100%; height: 100%; }
.rbv1.rbv1 .rbv1-rnum { font: 700 .84rem/1 var(--rbv-mono); text-align: right; color: var(--rbv-soft); font-variant-numeric: tabular-nums; }
.rbv1.rbv1 .rbv1-rnum.rbv1-hot { color: var(--rbv-red-text); }
.rbv1.rbv1 .rbv1-off .rbv1-rlab { color: var(--rbv-soft); font-weight: 400; }
.rbv1.rbv1 .rbv1-inspect { font-size: .84rem; line-height: 1.35; color: var(--rbv-body); min-height: 2.3em; }
.rbv1.rbv1 .rbv1-inspect b { font: 700 .64rem/1.4 var(--rbv-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--rbv-magenta-text); }
.rbv1.rbv1 .rbv1-hint { color: var(--rbv-soft); }

/* readouts */
.rbv1.rbv1 .rbv1-readouts { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: .8rem 1.4rem; padding-top: .7rem; border-top: 1px solid var(--rbv-rule); }
.rbv1.rbv1 .rbv1-ro { display: flex; flex-direction: column; gap: .3rem; min-width: 0; transition: opacity .3s; }
.rbv1.rbv1 .rbv1-big { font: 860 2.5rem/.86 var(--rbv-display); letter-spacing: -.05em; color: var(--rbv-ink); font-variant-numeric: tabular-nums lining-nums; }
.rbv1.rbv1 .rbv1-ro-sixty .rbv1-big { color: var(--rbv-red-text); }
.rbv1.rbv1 .rbv1-ro-four .rbv1-big { color: var(--rbv-cyan-text); }
.rbv1.rbv1 .rbv1-cap { font-size: .82rem; line-height: 1.3; color: var(--rbv-soft); }
.rbv1.rbv1 .rbv1-ctrl { display: flex; flex-wrap: wrap; gap: .5rem; }
.rbv1.rbv1 .rbv1-caption { padding: .9rem 1.1rem 1rem; border-top: 1px solid var(--rbv-rule); font-size: .9rem; line-height: 1.45; color: var(--rbv-body); }
.rbv1.rbv1 .rbv1-caption p + p { margin-top: .5rem; }
.rbv1.rbv1 .rbv1-fine { font: 400 .7rem/1.4 var(--rbv-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--rbv-soft); }

/* hero: compact */
.rbv1.rbv1.rbv1-hero .rbv1-head { padding: .6rem 1.1rem; }
.rbv1.rbv1.rbv1-hero .rbv1-body { padding: .9rem 1.1rem .9rem; }
.rbv1.rbv1.rbv1-hero .rbv1-big { font-size: 2.3rem; }

/* narrow: the figure's own width under 640 px */
.rbv1.rbv1.rbv1-narrow .rbv1-head, .rbv1.rbv1.rbv1-narrow .rbv1-lede, .rbv1.rbv1.rbv1-narrow .rbv1-body,
.rbv1.rbv1.rbv1-narrow .rbv1-caption { padding-left: .8rem; padding-right: .8rem; }
.rbv1.rbv1.rbv1-narrow .rbv1-cell { gap: 8px 6px; }
.rbv1.rbv1.rbv1-narrow .rbv1-blk { grid-template-columns: 10px repeat(4, var(--rbv-sq)); gap: 2px; }
.rbv1.rbv1.rbv1-narrow .rbv1-step { min-width: 2.7rem; }
.rbv1.rbv1.rbv1-narrow .rbv1-colhead { grid-template-columns: minmax(0, 1fr) auto; }
.rbv1.rbv1.rbv1-narrow .rbv1-ch-rec { grid-column: 1; }
.rbv1.rbv1.rbv1-narrow .rbv1-ch-ne { grid-column: 2; }
.rbv1.rbv1.rbv1-narrow .rbv1-crow { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "lab num" "bar bar"; gap: .2rem .7rem; padding: .25rem 0 .3rem; }
.rbv1.rbv1.rbv1-narrow .rbv1-rlab { grid-area: lab; }
.rbv1.rbv1.rbv1-narrow .rbv1-bar { grid-area: bar; height: 28px; }
.rbv1.rbv1.rbv1-narrow .rbv1-rnum { grid-area: num; }
.rbv1.rbv1.rbv1-narrow .rbv1-big { font-size: 2.1rem; }
.rbv1.rbv1.rbv1-narrow .rbv1-readouts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rbv1.rbv1.rbv1-narrow .rbv1-readouts > .rbv1-ro:last-child:nth-child(odd), .rbv1.rbv1.rbv1-mid .rbv1-readouts > .rbv1-ro:last-child:nth-child(odd) { grid-column: 1 / -1; }

@media (prefers-reduced-motion: reduce) {
  .rbv1.rbv1 .rbv1-sq, .rbv1.rbv1 .rbv1-ro { transition: none; }
}
/* forced colours: system colours; hatching and numbers keep every distinction */
@media (forced-colors: active) {
  .rbv1.rbv1 { --rbv-paper: Canvas; --rbv-ink: CanvasText; --rbv-body: CanvasText; --rbv-soft: CanvasText; --rbv-hair: GrayText;
    --rbv-rule: CanvasText; --rbv-faint: GrayText; --rbv-grey: Canvas; --rbv-cyan: Highlight; --rbv-cyan-text: CanvasText;
    --rbv-red: CanvasText; --rbv-red-text: CanvasText; --rbv-magenta: Highlight; --rbv-magenta-text: CanvasText; }
  .rbv1.rbv1 :is(.rbv1-btn, .rbv1-step)[aria-pressed="true"], .rbv1.rbv1 .rbv1-btn.rbv1-act { background: Highlight; color: HighlightText; forced-color-adjust: none; }
  .rbv1.rbv1 :is(.rbv1-sq, .rbv1-sw) { forced-color-adjust: none; }
  .rbv1.rbv1 .rbv1-sq { border-color: GrayText; background: Canvas; }
  .rbv1.rbv1 .rbv1-sq.rbv1-lk, .rbv1.rbv1 :is(.rbv1-sw-ne, .rbv1-sw-lk) { background: repeating-linear-gradient(135deg, CanvasText 0 2px, Canvas 2px 4px); border-color: CanvasText; }
  .rbv1.rbv1 .rbv1-sq.rbv1-nv, .rbv1.rbv1 .rbv1-sw-al { background: Highlight; border-color: Highlight; }
  .rbv1.rbv1 .rbv1-sqn { color: CanvasText; }
  .rbv1.rbv1 .rbv1-lk .rbv1-sqn { background: Canvas; }
  .rbv1.rbv1 .rbv1-sq.rbv1-on { box-shadow: 0 0 0 2px Canvas, 0 0 0 4px CanvasText; }
  .rbv1.rbv1 .rbv1-sw-el { background: Canvas; border-color: CanvasText; }
  .rbv1.rbv1 .rbv1-sw { color: CanvasText; }
}
@media print {
  .rbv1.rbv1 { --rbv-paper: #fff; --rbv-ink: #000; --rbv-body: #000; --rbv-soft: #333; break-inside: avoid; }
  .rbv1.rbv1 :is(.rbv1-btn, .rbv1-step)[aria-pressed="true"], .rbv1.rbv1 .rbv1-btn.rbv1-act { box-shadow: inset 0 0 0 2px #000; }
  .rbv1.rbv1 .rbv1-ctrl { display: none; }
}
/* hero: tighter right column so both columns end within the opening screen */
.rbv1.rbv1.rbv1-hero .rbv1-bar { height: 24px; }
.rbv1.rbv1.rbv1-hero .rbv1-dp { gap: .4rem; }
.rbv1.rbv1.rbv1-hero .rbv1-readouts { padding-top: .5rem; }
.rbv1.rbv1.rbv1-hero .rbv1-inspect { min-height: 1.4em; }
.rbv1.rbv1 .rbv1-note { grid-area: note; font-size: .76rem; line-height: 1.3; color: var(--rbv-soft); }
.rbv1.rbv1.rbv1-hero .rbv1-body { grid-template-rows: auto auto 1fr; grid-template-areas: "gp steps" "gp dp" "gp note"; }
.rbv1.rbv1.rbv1-hero.rbv1-stack .rbv1-body { grid-template-rows: auto; grid-template-areas: "steps" "gp" "dp" "note"; }
.rbv1.rbv1.rbv1-hero.rbv1-narrow .rbv1-bar { height: 26px; }
/* row labels: long by default, short ("0", "1", ...) in the hero's side-column size */
.rbv1.rbv1 .rbv1-short { display: none; }
.rbv1.rbv1.rbv1-mid .rbv1-long { display: none; }
.rbv1.rbv1.rbv1-mid .rbv1-short { display: inline; }
/* the hero in a side column (600 to 900 px of figure width) */
.rbv1.rbv1.rbv1-hero.rbv1-mid .rbv1-body { grid-template-columns: min-content minmax(0, 1fr); grid-template-rows: auto auto auto auto; grid-template-areas: "steps steps" "gp dp" "key key" "note note"; gap: .7rem 1.2rem; padding: .8rem 1rem .9rem; }
.rbv1.rbv1.rbv1-mid .rbv1-colhead, .rbv1.rbv1.rbv1-mid .rbv1-crow { grid-template-columns: 1.2rem minmax(0, 1fr) 2.9rem; gap: .45rem; }
.rbv1.rbv1.rbv1-mid .rbv1-ch-rec { grid-column: 1 / 3; }
.rbv1.rbv1.rbv1-mid .rbv1-rnum { font-size: .76rem; }
.rbv1.rbv1.rbv1-mid .rbv1-selline { gap: .1rem .5rem; }
.rbv1.rbv1.rbv1-mid .rbv1-selname { font-size: .84rem; }
.rbv1.rbv1.rbv1-mid .rbv1-selstat { font-size: .82rem; }
.rbv1.rbv1.rbv1-mid .rbv1-big { font-size: 2rem; }
.rbv1.rbv1.rbv1-mid .rbv1-readouts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem .9rem; }
.rbv1.rbv1.rbv1-mid .rbv1-cap { font-size: .76rem; }
.rbv1.rbv1.rbv1-mid .rbv1-gkey { font-size: .74rem; max-width: none; }
.rbv1.rbv1.rbv1-mid .rbv1-blk { grid-template-columns: 10px repeat(4, var(--rbv-sq)); }
.rbv1.rbv1.rbv1-mid .rbv1-cell { gap: 6px 8px; }
.rbv1.rbv1.rbv1-mid .rbv1-inspect { font-size: .78rem; }
.rbv1.rbv1.rbv1-mid .rbv1-bar { height: 22px; }
.rbv1.rbv1.rbv1-mid .rbv1-crow { padding: .1rem 0; }
.rbv1.rbv1.rbv1-mid .rbv1-step { min-height: 40px; }
.rbv1.rbv1.rbv1-mid .rbv1-gp { display: contents; }
.rbv1.rbv1.rbv1-mid .rbv1-cell { grid-area: gp; }
.rbv1.rbv1.rbv1-mid .rbv1-gkey { grid-area: key; display: block; }
.rbv1.rbv1.rbv1-mid .rbv1-gkey .rbv1-key { display: inline; padding-left: 0; text-indent: 0; margin-right: 1rem; }
.rbv1.rbv1.rbv1-mid .rbv1-ro { gap: .2rem; }
.rbv1.rbv1.rbv1-mid .rbv1-note, .rbv1.rbv1.rbv1-mid .rbv1-gkey { font-size: .7rem; line-height: 1.28; }
.rbv1.rbv1.rbv1-mid .rbv1-cap { font-size: .72rem; line-height: 1.25; }
.rbv1.rbv1.rbv1-mid .rbv1-bar { height: 20px; }
.rbv1.rbv1.rbv1-mid .rbv1-readouts { padding-top: .4rem; }
.rbv1.rbv1.rbv1-mid .rbv1-big { font-size: 1.8rem; }
/* the second start of a blend; the motion line */
.rbv1.rbv1 .rbv1-sq.rbv1-on2 { box-shadow: 0 0 0 2px var(--rbv-paper), 0 0 0 4px var(--rbv-ink); z-index: 1; }
.rbv1.rbv1 .rbv1-sq.rbv1-on2::after { content: ""; position: absolute; inset: -8px; border: 1.5px solid var(--rbv-ink); pointer-events: none; }
.rbv1.rbv1 .rbv1-motion b { color: var(--rbv-cyan-text); }
.rbv1.rbv1 .rbv1-motion { font-variant-numeric: tabular-nums; }
@media (forced-colors: active) { .rbv1.rbv1 .rbv1-sq.rbv1-on2::after { border-color: CanvasText; } }
/* side-column hero: one-line title row; the motion shows in the rows' tags, so the ticking line gives way to the hint */
.rbv1.rbv1.rbv1-mid .rbv1-head { font-size: .62rem; letter-spacing: .1em; }
.rbv1.rbv1.rbv1-mid .rbv1-motion { display: none !important; }
.rbv1.rbv1.rbv1-mid .rbv1-inspect:not(.rbv1-motion) { display: block !important; }
/* motion tags in the four cyan squares; the Blend prompt beside the button; a short column head on a phone */
.rbv1.rbv1 .rbv1-nv .rbv1-sqn { color: #0b0b0a; font-size: .95rem; font-weight: 800; }
.rbv1.rbv1 .rbv1-bhint { font-size: .84rem; font-weight: 600; color: var(--rbv-ink); min-height: 0; margin: .35rem 0 0; }
.rbv1.rbv1 .rbv1-bhint:empty { display: none; }
.rbv1.rbv1.rbv1-narrow .rbv1-colhead .rbv1-long { display: none; }
.rbv1.rbv1.rbv1-narrow .rbv1-colhead .rbv1-short { display: inline; }
@media (forced-colors: active) { .rbv1.rbv1 .rbv1-nv .rbv1-sqn { color: HighlightText; forced-color-adjust: none; } }

/* inactive controls keep focus; screen-reader-only titles are not read in capitals */
.rbv1.rbv1 .rbv1-sr, .rbv1.rbv1 .rbv1-sr * { text-transform: none; }
.rbv1.rbv1 .rbv1-btn[aria-disabled="true"] { color: var(--rbv-hair); border-color: var(--rbv-faint); cursor: default; }