/* Added by scaffold-machine.py: the floor every page on this studio needs.
   Invisible in a screenshot, which is why it is generated and not remembered. */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: var(--la-font-ui);
  background: var(--la-page);
  color: var(--la-ink);
  line-height: var(--la-leading-body);
  -webkit-font-smoothing: antialiased;
}

/* FFT.

   la-accent-pick.py was run on 2026-08-25 against the 52 accent-carrying machines and
   returned 0 colours clearing both the deltaE 12 distance floor and the 5.0:1
   contrast floor. (52 machines carry an accent; five values are deliberately
   shared, so those are 47 distinct colours.) The palette is full, so this machine takes
   var(--la-instrument) and declares no --accent of its own. Inventing one under
   the floor would make two machines read as one on the timeline. */

/* ---- this machine ------------------------------------------------------- */

/* The hint above each panel. This is the first rule the generated floor stops
   at, which makes it the one a hand-written sheet forgets: all five sheets
   written on 2026-08-25 shipped the class with nothing styling it, and the
   class audit is what said so. */
.fr-hint { margin: 0 0 var(--la-space-3); color: var(--la-ink-dim); }

.fr-wrap { display: flex; flex-direction: column; gap: var(--la-space-3); }
.fr-sub { font-size: var(--la-text-base); margin: 0 0 var(--la-space-2); }
.fr-controls { display: flex; flex-wrap: wrap; gap: var(--la-space-2); }

.fr-table { font-family: var(--la-font-mono); }
.fr-table td { white-space: nowrap; }
/* The array after a column has run is a list, so it is the one cell allowed to
   wrap rather than push the verdict column off a phone. */
.fr-vals { white-space: normal; color: var(--la-ink-dim); }

/* The two counts are the page's subject, so they are read as numbers before
   they are read as prose. */
.fr-big { margin: 0; display: flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap; }
.fr-figure {
  font-family: var(--la-font-mono); font-size: var(--la-text-xl, 1.5rem);
  font-weight: 700; color: var(--la-ink);
}
.fr-unit { color: var(--la-ink-dim); font-size: var(--la-text-sm); }

.fr-said { margin: 0; color: var(--la-ink-dim); font-size: var(--la-text-sm); }