.donate-wrap {
	padding: 24px 0 96px;
}
.donate-grid {
	display: grid;
	grid-template-columns: 1fr 0.7fr;
	gap: 48px;
	align-items: start;
}

.ballot-card {
	background: var(--paper);
	border: 1px solid var(--line);
}
.ballot-card-head {
	padding: 28px 32px;
	border-bottom: 1px solid var(--line);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ballot-card-head h2 {
	font-size: 20px;
}
.ballot-card-head span {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11.5px;
	color: var(--teal);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.donate-form-embed {
	padding: 8px 32px 32px;
}

/* Light-touch overrides so GiveWP's default form markup doesn't clash
   with the site's design tokens. GiveWP wraps its output in .give-form,
   so we scope everything to that instead of fighting !important battles. */
.donate-form-embed .give-form {
	font-family: 'IBM Plex Sans', sans-serif;
}
.donate-form-embed .give-form label {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #7A7E85;
}
.donate-form-embed .give-form input[type="text"],
.donate-form-embed .give-form input[type="email"],
.donate-form-embed .give-form input[type="tel"],
.donate-form-embed .give-form select {
	border: 1px solid var(--line) !important;
	background: var(--cream) !important;
	border-radius: 2px !important;
	font-family: 'IBM Plex Sans', sans-serif !important;
}
.donate-form-embed .give-btn,
.donate-form-embed .give-submit {
	background: var(--gold) !important;
	border-color: var(--gold) !important;
	color: var(--cream) !important;
	border-radius: 3px !important;
	font-weight: 600 !important;
}
.donate-form-embed .give-btn:hover,
.donate-form-embed .give-submit:hover {
	background: var(--gold-dark) !important;
}

/* Sidebar */
.side-card {
	border: 1px solid var(--line);
	background: var(--paper);
	padding: 28px;
	margin-bottom: 24px;
}
.side-card .eyebrow {
	display: block;
	margin-bottom: 12px;
}
.side-card h3 {
	font-size: 17px;
	margin-bottom: 10px;
}
.impact-list {
	list-style: none;
	margin-top: 16px;
}
.impact-list li {
	display: flex;
	gap: 12px;
	font-size: 13.5px;
	color: #4A4E55;
	padding: 10px 0;
	border-top: 1px solid var(--line);
}
.impact-list li:first-child {
	border-top: none;
}
.impact-list .amt {
	font-family: 'IBM Plex Mono', monospace;
	color: var(--teal);
	font-weight: 500;
	min-width: 44px;
}
.ink-card {
	background: var(--ink);
	color: var(--cream);
	padding: 28px;
}
.ink-card h3 {
	color: var(--cream);
	font-size: 17px;
	margin-bottom: 10px;
}
.ink-card p {
	font-size: 13.5px;
	color: rgba(247, 243, 234, 0.65);
}

@media (max-width: 860px) {
	.donate-grid {
		grid-template-columns: 1fr;
	}
	.ballot-card-head, .donate-form-embed {
		padding-left: 22px;
		padding-right: 22px;
	}
}