/* X96 L-7 (31 Oct; ruling 36, "the time remaining much more clear across all screens") - the heat's clock (screens/shared/heat-clock.js fills it). Large type, tabular
   figures so the digits do not dance as they tick; the closing quarter of an Event 1 or 2 window is a red block with paper-white text (the figure beside it is the
   message, the colour only draws the eye); a finished heat's word is quieter. A screen sets the size with --heat-clock-size and keeps its own layout. Tokens only. */
.heat-clock{margin:0;font-weight:900;font-size:var(--heat-clock-size,var(--fs-4));line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.heat-clock[hidden]{display:none !important}
.heat-clock--closing{background:var(--ro-red);color:var(--ro-paper);padding:.05em .4em}
.heat-clock--done{opacity:.8}
/* the staff screens (race control, master, umpire, marshal, MC) carry it as a band under their header, in the same large figures */
.heat-clock--staff{--heat-clock-size:var(--fs-4);padding:var(--s1) var(--s3)}