/* ---------------------------------------------------------------------------
   Services — patterns/services.php (mockup section#services)

   The card chrome (border, radius, padding, hover lift) comes from .agenda-card
   in style.css; this file only adds the grid, the icon chip and the internal
   rhythm the mockup gives .service, since the ported children are paragraphs
   rather than the mockup's span/div.
--------------------------------------------------------------------------- */
.agenda-services .services {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

/* Icon chip: the mockup's .card-icon, not styled globally. */
.agenda-services .card-icon {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--green-soft);
	color: var(--green-dark);
	font-size: 1.25rem;
	font-weight: 700;
}

/* Internal rhythm: mockup .service .card-icon{margin-bottom:16px},
   h3{margin:9px 0}, p{margin:0 0 16px}, trailing link flush. */
.agenda-services .service > * { margin-block: 0; }
.agenda-services .service > p { margin-block-end: 16px; }
.agenda-services .service h3 { font-size: 1.45rem; margin-block: 9px; }
.agenda-services .service .card-icon { margin-block-end: 16px; }
.agenda-services .service .number { margin-block-end: 0; }
.agenda-services .service .service-link { margin-block-end: 0; }

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