/* 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;
}

/* Spanning Tree.

   la-accent-pick.py was run on 2026-08-25 against the 52 accent-carrying
   machines wearing 47 distinct colours, and returned 0 candidates clearing
   both the deltaE 12 distance floor and the 5.0:1 contrast floor. The palette
   is full, so this machine takes var(--la-instrument) and declares no --accent
   of its own. */

/* ---- 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. */
.st-hint { margin: 0 0 var(--la-space-3); color: var(--la-ink-dim); }

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

.st-table { font-family: var(--la-font-mono); }
.st-table td { white-space: nowrap; }
/* A blocked link says the word blocked in its own cell, so the state survives
   forced colours and a monochrome print rather than living in the rule. */
.st-table tr[data-mark="bad"] td:last-child { font-weight: 700; }
.st-total td { border-top: 1px solid var(--la-hairline-strong); font-weight: 700; }

.st-big { margin: 0; display: flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap; }
.st-figure {
  font-family: var(--la-font-mono); font-size: var(--la-text-xl, 1.5rem);
  font-weight: 700; color: var(--la-ink);
}
.st-unit { color: var(--la-ink-dim); font-size: var(--la-text-sm); }

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