/* Steps — numbered columns joined by a mint rule. */
.steps-list {
	display: grid;
	grid-template-columns: repeat(var(--steps-count, 4), minmax(0, 1fr));
	gap: var(--spacing-8, 32px);
	margin: 0;
	padding: 0;
	list-style: none;
}
.steps-item { position: relative; }
.steps-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border: 2px solid var(--brand-500, #7dcab0);
	background: var(--background, #ffffff);
	color: var(--kore-slate, #333d47);
}
.steps-item:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 28px;
	left: 72px;
	right: calc(var(--spacing-8, 32px) * -1 + 16px);
	height: 2px;
	background: var(--brand-500, #7dcab0);
	opacity: 0.5;
}
.steps-title { margin: var(--spacing-5, 20px) 0 0; color: var(--kore-slate, #333d47); }
.steps-text { margin: var(--spacing-3, 12px) 0 0; }
.kore-bg--slate .steps-title { color: #ffffff; }
.kore-bg--slate .steps-number { background: transparent; color: #ffffff; }
@media (max-width: 1023px) {
	.steps-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.steps-item::before { display: none; }
}
@media (max-width: 599px) {
	.steps-list { grid-template-columns: minmax(0, 1fr); }
}