/* ---------------------------------------------------------------------------
   Examples — representative scope cards
   Ports the mockup's .scope-examples / .scope-example rules from
   "marketing docs/index.html". Scoped to .agenda-examples.
--------------------------------------------------------------------------- */
.agenda-examples .scope-example {
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 24px;
	background: #fff;
}
.agenda-examples .scope-example > * {
	margin-block-start: 0;
	margin-block-end: 0;
}
.agenda-examples .scope-example h3 {
	font-size: 1.08rem;
	line-height: 1.3;
	margin: 0 0 8px;
}
.agenda-examples .scope-example p {
	color: var(--muted);
	font-size: .9rem;
	margin: 0;
}

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