/* Section: steps. */
.s-steps__list {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: step;
	display: grid;
	gap: var(--wp--preset--spacing--30);
}
@media (min-width: 900px) {
	.s-steps__list { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
}
.s-steps__item {
	counter-increment: step;
	position: relative;
	padding-block-start: var(--wp--preset--spacing--40);
}
.s-steps__item::before {
	content: counter(step);
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	inline-size: 2.25rem;
	block-size: 2.25rem;
	display: grid;
	place-items: center;
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary-contrast);
	font-weight: var(--wp--custom--weight--heading);
}
.s-steps__title { font-size: var(--wp--preset--font-size--medium); margin-block-end: var(--wp--preset--spacing--10); }
/* On a phone the number sits beside the title, not above it. */
@media (max-width: 599px) {
	.s-steps__item { padding-block-start: 0; padding-inline-start: 3rem; min-block-size: 2.25rem; }
	.s-steps__item::before { inset-block-start: 0.1rem; }
}
.s-steps__text { color: var(--wp--preset--color--muted); }