/* Computer science (AP CSA and CSP): code in the book's mono, on the page (pre.code, code) and on the figure
   (.lbl.code, one label per line from cs.js). Colours are the book's tokens, so dark mode turns them with the rest.
   .r marks what the page is about (red), .b the second quantity (blue); .c a comment; .now the line running. */
/* JetBrains Mono's ligatures would draw != as ≠, <= as ≤ and join == and /=: code is shown as typed. !important because
   every `font:` shorthand after this (book.css's labels, the rules below) resets font-variant-ligatures to normal. */
.lbl, code, pre, .readout { font-variant-ligatures: none !important; }
.sheet code, .plate code { font: .84em var(--mono); color: var(--hi); }
.sheet pre.code, .plate pre.code { font: 13px/1.6 var(--mono); color: var(--hi); margin: 4px 0 16px; padding: 4px 0 4px 14px;
  border-left: 2px solid var(--faint); white-space: pre; overflow-x: auto; max-width: 100%; }
.code .r, pre.code .r { color: var(--red); }
.code .b, pre.code .b { color: var(--blue, #3d63a8); }
.code .c, pre.code .c { color: var(--muted); }
.lbl.code { font: 13px/1 var(--mono); color: var(--hi); transform: translate(0, -50%); white-space: pre; }
.lbl.code .now { color: var(--red); }
.lbl.code .now::before { content: '▸'; position: absolute; left: -1.2em; color: var(--red); }
/* a value inside a memory cell or array slot: mono, centred on its box */
.lbl.val { font: 500 14px/1 var(--mono); color: var(--hi); }
.lbl.val.red, .lbl.val .r { color: var(--red); } .lbl.val.blue, .lbl.val .b { color: var(--blue, #3d63a8); } .lbl.val.grey { color: var(--mid); }
@media (max-width: 600px) { .lbl.code { font-size: 11px; } .lbl.val { font-size: 12px; } .sheet pre.code { font-size: 12px; } }