/* ---------------------------------------------------------------------------
   Fit — pattern agenda/fit
   Ports .fit-grid / .fit-list / .not-fit from marketing docs/index.html.
   The .fit-list tint comes from the green-soft preset on the group.
--------------------------------------------------------------------------- */
.agenda-fit .fit-list,
.agenda-fit .not-fit {
	border-radius: var(--radius);
	padding: 30px;
}
.agenda-fit .not-fit { border: 1px solid var(--line); }

.agenda-fit .fit-list h3,
.agenda-fit .not-fit h3 {
	font-size: 1.35rem;
	margin: 0 0 14px;
}

.agenda-fit .fit-list ul {
	margin: 0;
	padding-left: 20px;
}
.agenda-fit .fit-list li { margin: 9px 0; }

.agenda-fit .not-fit p {
	margin: 0;
	color: var(--muted);
}

/* Mockup stacks .fit-grid at 900px, earlier than the core columns breakpoint. */
@media (max-width: 900px) {
	.agenda-fit .fit-grid { flex-wrap: wrap; }
	.agenda-fit .fit-grid > .wp-block-column { flex-basis: 100% !important; }
}