/* ---------------------------------------------------------------------------
   Steps — what happens after you book
   Ports the mockup's .steps / .step rules from "marketing docs/index.html".
   Scoped to .agenda-steps.
--------------------------------------------------------------------------- */
.agenda-steps .step {
	border-top: 4px solid var(--green);
	border-radius: 0 0 14px 14px;
	padding: 25px 22px;
	background: var(--wash);
}
.agenda-steps .step > * {
	margin-block-start: 0;
	margin-block-end: 0;
}
.agenda-steps .step .n {
	font-family: var(--wp--preset--font-family--roboto-slab);
	font-size: 2rem;
	line-height: 1.12;
	font-weight: 700;
	color: var(--green);
	margin: 0;
}
.agenda-steps .step h3 {
	font-size: 1.2rem;
	margin: 8px 0;
}
.agenda-steps .step p {
	margin: 0;
	color: var(--muted);
	font-size: .9rem;
}

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