.election-countdown {
	background: var(--ink);
	color: var(--cream);
	padding: 64px 0;
	text-align: center;
}
.election-countdown h2 {
	color: var(--cream);
	font-size: 30px;
	margin-bottom: 8px;
}
.countdown-sub {
	color: rgba(247, 243, 234, 0.65);
	font-size: 15px;
	margin-bottom: 36px;
}
.countdown-grid {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
.countdown-unit {
	background: rgba(247, 243, 234, 0.06);
	border: 1px solid rgba(247, 243, 234, 0.16);
	padding: 22px 24px;
	min-width: 100px;
}
.countdown-number {
	display: block;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 40px;
	font-weight: 600;
	color: var(--gold);
	line-height: 1;
	margin-bottom: 10px;
}
.countdown-label {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: rgba(247, 243, 234, 0.55);
}
.countdown-elapsed {
	font-family: 'Fraunces', serif;
	font-size: 24px;
	color: var(--gold);
	margin-bottom: 24px;
}
.countdown-cta .btn {
	background: var(--gold);
	border-color: var(--gold);
	color: var(--ink);
}
.countdown-cta .btn:hover {
	background: var(--gold-dark);
	border-color: var(--gold-dark);
}

@media (max-width: 560px) {
	.countdown-unit {
		min-width: 76px;
		padding: 16px 14px;
	}
	.countdown-number {
		font-size: 28px;
	}
}