/* ---------------------------------------------------------------------------
   Engagement models — pattern agenda/engagement
   Ports .engagements / .engagement / .engagement-note from
   marketing docs/index.html. The card frame, hover lift and reveal come from
   .agenda-card in style.css; only the mockup's deltas live here.
--------------------------------------------------------------------------- */
.agenda-engagement .engagement { padding: 28px; }

.agenda-engagement .engagement .mode {
	display: inline-block;
	margin: 0;
	padding: 5px 10px;
	border-radius: 999px;
	background: var(--green-soft);
	color: var(--green-dark);
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.agenda-engagement .engagement h3 {
	font-size: 1.35rem;
	margin: 14px 0 8px;
}
.agenda-engagement .engagement p {
	margin: 0;
	color: var(--muted);
}

.agenda-engagement .engagement .receive {
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid var(--line);
	font-size: .84rem;
	color: var(--ink);
}
.agenda-engagement .engagement .receive strong { color: var(--green-dark); }

.agenda-engagement .engagement-note {
	color: var(--muted);
	font-size: .9rem;
}

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