/* Per-site identity: a pair of print inks. Nothing else needs to change. */
:root {
  --accent:   #8E3B2E;   /* oxblood */
  --accent-2: #2F5D63;   /* slate teal */
}

/* base.css hard-codes a prussian selection tint; match the site ink instead. */
::selection { background: rgba(142, 59, 46, .17); }

/* Superscripts in the calc ledger sit on a 1.9 line-height; keep them from
   pushing the row taller than its neighbours. */
.calc sup { line-height: 0; font-size: 0.78em; }

/* This board reports three instrument cards (delivery, playback, saturation).
   At 720p that stack would run into the event log below it, so tighten the
   readout's own density on short viewports. Nothing else changes: same type,
   same rules, same colours. */
@media (max-height: 860px) {
  .readout { gap: 7px; }
  .readout .card { padding: 10px 12px 11px; }
  .readout .card-t { padding-bottom: 6px; margin-bottom: 8px; }
  .readout .metrics { gap: 9px 12px; }
  .readout .sde-metric-label { font-size: 10.5px; }
  .readout .sde-metric-value { font-size: 17px; line-height: 1.15; }
  .readout .sde-bar { margin-bottom: 7px; }
}