/* Blok 12: Media + genummerde lijst. */

.ps-media-list .ps-media-list__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
	gap: var(--wp--preset--spacing--48) var(--wp--preset--spacing--72);
	align-items: center;
}
.ps-media-list--img-right .ps-media-list__photo { order: 2; }
.ps-media-list .ps-media-list__photo { aspect-ratio: 1; }

.ps-media-list .ps-media-list__list { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--ps-border); }
.ps-media-list .ps-media-list__list li {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	gap: var(--wp--preset--spacing--12);
	padding: var(--wp--preset--spacing--16) 0;
	border-top: 1px solid var(--ps-border);
}
.ps-media-list .ps-media-list__n { font-size: var(--wp--preset--font-size--x-small); line-height: 1.9; color: var(--ps-accent); }
.ps-media-list .ps-media-list__body { display: flex; flex-direction: column; gap: 4px; }
.ps-media-list .ps-media-list__title { font-size: var(--wp--preset--font-size--medium); font-weight: 700; line-height: 1.35; color: var(--ps-fg); }
.ps-media-list .ps-media-list__text { font-size: var(--wp--preset--font-size--medium-small); line-height: 1.55; color: var(--ps-muted); }

@media (max-width: 900px) {
	.ps-media-list--img-right .ps-media-list__photo { order: 0; }
}