/* ---------------------------------------------------------------------------
   Accountability — patterns/accountability.php (mockup section#accountability)

   Six outcome cards in a three-column grid. These cards do not hover-lift in
   the mockup, so they carry .agenda-reveal (scroll reveal only) rather than
   .agenda-card, and the lighter card chrome lives here.
--------------------------------------------------------------------------- */
.agenda-accountability .outcomes {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.agenda-accountability .outcome {
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 24px;
	background: #fff;
}
.agenda-accountability .outcome > * { margin-block: 0; }
.agenda-accountability .outcome h3 {
	font-size: 1.08rem;
	line-height: 1.3;
	margin: 0 0 8px;
}
.agenda-accountability .outcome p {
	margin: 0;
	color: var(--muted);
	font-size: .9rem;
}

@media (max-width: 900px) {
	.agenda-accountability .outcomes { grid-template-columns: 1fr; }
}