/* Blok 9: Stappen-lijst. */

.ps-steps .ps-steps__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
	gap: var(--wp--preset--spacing--48) var(--wp--preset--spacing--72);
}
.ps-steps .ps-steps__intro { gap: var(--wp--preset--spacing--20); max-width: 420px; }
.ps-steps .ps-steps__photo { margin-top: var(--wp--preset--spacing--12); aspect-ratio: 4 / 5; max-height: 460px; }

.ps-steps .ps-steps__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: 0 var(--wp--preset--spacing--32);
	align-content: start;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ps-steps .ps-steps__step {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: var(--wp--preset--spacing--16);
	padding: var(--wp--preset--spacing--24) 0;
	border-top: 1px solid var(--ps-border);
}
.ps-steps .ps-steps__n { padding-top: 3px; font-size: var(--wp--preset--font-size--x-small); color: var(--ps-accent); }
.ps-steps .ps-steps__body { display: flex; flex-direction: column; gap: 6px; }
.ps-steps .ps-steps__title { margin: 0; font-size: var(--wp--preset--font-size--lead); font-weight: 700; line-height: 1.3; color: var(--ps-fg); }
.ps-steps .ps-steps__text { margin: 0; font-size: var(--wp--preset--font-size--medium-small); line-height: 1.6; color: var(--ps-body); }