@font-face { font-family: Nunito; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/nunito-600.ttf') format('truetype'); }
@font-face { font-family: Nunito; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/nunito-700.ttf') format('truetype'); }
@font-face { font-family: Nunito; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/nunito-800.ttf') format('truetype'); }
@font-face { font-family: Nunito; font-style: normal; font-weight: 900; font-display: swap; src: url('/fonts/nunito-900.ttf') format('truetype'); }

:root { color-scheme: light; font-family: Nunito, sans-serif; }
* { box-sizing: border-box; }
html, body { margin: 0; background: transparent; }
body { overflow: hidden; }
#widget { width: min(480px, 100vw); aspect-ratio: 4 / 3; }
#election-card { display: block; width: 100%; height: 100%; }
#election-card text { font-variant-numeric: tabular-nums; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.sources-page { overflow: auto; background: #FFF4DD; color: #26201A; font: 600 1rem/1.6 Nunito, sans-serif; }
.sources-content { max-width: 56rem; margin: 0 auto; padding: 1.5rem; }
.sources-content a { color: #285DB5; }
.sources-content h1, .sources-content h2 { line-height: 1.2; }
.sources-content li { margin-block: 0.5rem; }