.tsch-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-lg);
	counter-reset: tsch-step;
}

.tsch-steps__item {
	position: relative;
	padding: var(--space-lg);
	background: var(--color-ink-soft);
	border: 1px solid rgb(var(--color-primary-rgb) / 0.22);
	border-radius: var(--radius-md);
}

.tsch-steps__number {
	display: block;
	font-family: var(--font-headline);
	font-size: 40px;
	font-weight: var(--weight-bold);
	line-height: 1;
	color: var(--color-primary-light);
	margin-block-end: var(--space-md);
}

.tsch-steps__title {
	font-size: var(--text-h4);
	color: var(--color-primary-light);
	margin-block-end: var(--space-sm);
}

.tsch-steps__text {
	font-size: var(--text-small);
	line-height: var(--lh-relaxed);
	color: var(--color-cream-dim);
	margin: 0;
}

.tsch-steps__foot {
	max-width: var(--container-text);
	margin: var(--space-xl) auto 0;
	text-align: center;
	font-size: var(--text-small);
	color: var(--color-cream-dim);
}

@media (max-width: 1024px) {
	.tsch-steps { grid-template-columns: repeat(2, 1fr); }
}

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