.action {
	padding: 88px 0;
}
.action--dark {
	background: var(--ink);
	color: var(--cream);
}
.action--light {
	padding: 24px 0 88px;
}
.action--light .action-head h2 {
	color: var(--ink);
	font-size: 34px;
}
.action--light .action-head p {
	color: #5B5F66;
	max-width: 380px;
	font-size: 15px;
}
.action-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 48px;
	gap: 24px;
	flex-wrap: wrap;
}
.action--dark .action-head h2 {
	color: var(--cream);
	font-size: 34px;
}
.action--dark .action-head p {
	color: rgba(247, 243, 234, 0.65);
	max-width: 380px;
	font-size: 15px;
}
.ballot-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
}
.action--dark .ballot-list {
	background: rgba(247, 243, 234, 0.16);
	border: 1px solid rgba(247, 243, 234, 0.16);
}
.action--light .ballot-list {
	background: var(--line);
	border: 1px solid var(--line);
}
.ballot-item {
	padding: 32px 28px 28px;
	transition: background 0.2s ease;
}
.action--dark .ballot-item {
	background: var(--ink);
}
.action--dark .ballot-item:hover {
	background: var(--ink-soft);
}
.action--light .ballot-item {
	background: var(--paper);
}
.action--light .ballot-item:hover {
	background: #F3EEE2;
}
.ballot-check {
	width: 26px;
	height: 26px;
	border: 1.5px solid var(--gold);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 14px;
}
.action--dark .ballot-check {
	color: var(--gold);
}
.action--light .ballot-check {
	color: var(--gold-dark);
}
.ballot-item h3 {
	font-size: 19px;
	margin-bottom: 8px;
	font-weight: 600;
}
.action--dark .ballot-item h3 {
	color: var(--cream);
}
.action--light .ballot-item h3 {
	color: var(--ink);
}
.ballot-item p {
	font-size: 14px;
	margin-bottom: 18px;
}
.action--dark .ballot-item p {
	color: rgba(247, 243, 234, 0.6);
}
.action--light .ballot-item p {
	color: #5B5F66;
}
.ballot-item a.link {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12.5px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.action--dark .ballot-item a.link {
	color: var(--gold);
}
.action--light .ballot-item a.link {
	color: var(--teal);
}

@media (max-width: 860px) {
	.ballot-list {
		grid-template-columns: 1fr;
	}
}