/* Shared by the control panel and the TV. Same type and palette family as the Proportionality Meter. */
@font-face { font-family: 'Marcellus'; src: url('../fonts/marcellus-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Atkinson Hyperlegible'; src: url('../fonts/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Atkinson Hyperlegible'; src: url('../fonts/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Atkinson Hyperlegible'; src: url('../fonts/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }

:root {
  --display: 'Marcellus', 'Trajan Pro', Georgia, serif;
  --text: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }

/* Fixed-width digits so clocks never wobble */
.dg { display: inline-block; width: 0.58em; text-align: center; }
.dg.z { transform: scaleX(0.66); }
.zf { display: inline-block; width: 0.56em; transform: scaleX(0.66); text-align: center; }
.sep { display: inline-block; width: 0.28em; text-align: center; }