/* Live Ch. A / Ch. B / Ch. C frequency readout.
   Shared by program-device.html and bfrun.html (sticky run bar + Review Script)
   so the field width and number formatting stay identical everywhere.

   Hosts set only the custom properties below. --freq-readout-ch is the fixed
   width of the value field: it has to hold the longest frequency the device can
   report including thousands separators (e.g. 1,234,567.89), so widen it here
   rather than per page. Depends on --fg / --muted / --mint / --line /
   --font-mono from the host page. */
.freq-channels-row{
  --freq-readout-size:15px;
  --freq-readout-unit-size:13px;
  --freq-readout-ch:13ch;
  --freq-readout-gap:4px;
  display:flex;flex-direction:column;align-items:stretch;justify-content:center;
  gap:var(--freq-readout-gap)}
.freq-channels-row--card{
  flex:0 1 auto;margin:0;padding:6px 10px;max-width:100%;
  border:1px solid var(--line);border-radius:6px;background:#f8f9fa}
.freq-channel{display:flex;align-items:baseline;gap:8px;min-width:0}
.freq-channel-label{
  flex:0 0 auto;font-size:var(--freq-readout-size);font-weight:800;line-height:1;
  color:var(--muted);letter-spacing:.02em;white-space:nowrap}
/* Fixed width + tabular figures keep the digits from shifting as the sweep
   moves, and stop a 6-figure frequency crowding the Hz unit. */
.freq-channel-val{
  flex:0 0 var(--freq-readout-ch);width:var(--freq-readout-ch);box-sizing:border-box;
  font-size:var(--freq-readout-size);font-weight:800;line-height:1;color:var(--fg);
  font-family:var(--font-mono);font-variant-numeric:tabular-nums;
  text-align:right;white-space:nowrap}
.freq-channel-val.dim{color:var(--muted);font-weight:600}
.freq-channel--a .freq-channel-val{color:var(--mint)}
.freq-channel--b .freq-channel-val{color:#0284c7}
.freq-channel-unit{
  flex:0 0 auto;font-size:var(--freq-readout-unit-size);font-weight:800;line-height:1;
  color:var(--muted);letter-spacing:.04em}