/* Blok 13: Rapport-mock. Het blad zelf is altijd wit (het is een stuk papier). */

.ps-report .ps-report__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
	gap: var(--wp--preset--spacing--56) var(--wp--preset--spacing--72);
	align-items: start;
}
.ps-report .ps-report__grid--solo { grid-template-columns: minmax(0, 640px); justify-content: center; }
.ps-report .ps-report__text { gap: var(--wp--preset--spacing--28); }

.ps-report .ps-report__items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
	gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--28);
	margin: 0;
	padding: 0;
	list-style: none;
}
.ps-report .ps-report__items li { display: flex; flex-direction: column; gap: 4px; padding-left: 14px; border-left: 2px solid var(--wp--preset--color--teal); }
.ps-report .ps-report__item-title { font-size: var(--wp--preset--font-size--medium-small); font-weight: 700; color: var(--ps-fg); }
.ps-report .ps-report__item-text { font-size: var(--wp--preset--font-size--small); line-height: 1.55; color: var(--ps-muted); }

.ps-report .ps-report__stack { position: relative; padding: var(--wp--preset--spacing--20) 0 0 var(--wp--preset--spacing--20); }
.ps-report .ps-report__sheet-back {
	position: absolute;
	top: 0;
	left: 0;
	right: var(--wp--preset--spacing--20);
	bottom: var(--wp--preset--spacing--20);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--preset--border-radius--large);
	background-color: var(--wp--preset--color--line-soft);
	transform: rotate(-2deg);
}
.ps-report .ps-report__sheet {
	position: relative;
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--preset--border-radius--large);
	background-color: var(--wp--preset--color--white);
	box-shadow: var(--wp--preset--shadow--report);
	color: var(--wp--preset--color--navy);
}
.ps-report .ps-report__sheet--image img { display: block; width: 100%; height: auto; }

.ps-report .ps-report__bar { display: flex; justify-content: space-between; align-items: center; gap: var(--wp--preset--spacing--12); padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--20); background-color: var(--wp--preset--color--navy); }
.ps-report .ps-report__bar img { display: block; width: auto; height: 16px; }
.ps-report .ps-report__bar span { font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--slate-light); }

.ps-report .ps-report__page { display: flex; flex-direction: column; gap: 18px; padding: var(--wp--preset--spacing--24) var(--wp--preset--spacing--24) var(--wp--preset--spacing--28); }
.ps-report .ps-report__heading { display: flex; flex-direction: column; gap: 6px; }
.ps-report .ps-report__chapter { font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--teal-ink); }
.ps-report .ps-report__finding { font-size: var(--wp--preset--font-size--lead); font-weight: 700; line-height: 1.3; }

.ps-report .ps-report__meta {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--preset--border-radius--medium);
	font-size: var(--wp--preset--font-size--x-small);
	line-height: 1.45;
}
.ps-report .ps-report__meta dt,
.ps-report .ps-report__meta dd { margin: 0; padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--12); border-bottom: 1px solid var(--wp--preset--color--line); }
.ps-report .ps-report__meta dt { font-weight: 600; background-color: var(--wp--preset--color--surface); }
.ps-report .ps-report__meta dt:nth-last-of-type(1),
.ps-report .ps-report__meta dd:last-of-type { border-bottom: 0; }
.ps-report .ps-report__meta .ps-sev { padding: 2px var(--wp--preset--spacing--8); font-weight: 700; }

.ps-report .ps-report__part { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--8); }
.ps-report .ps-report__part-title { font-size: var(--wp--preset--font-size--small); font-weight: 700; }
.ps-report .ps-report__rec { --ps-accent: var(--wp--preset--color--teal-ink); color: var(--wp--preset--color--ink-soft); }

/* Codeblok-accenten (ook gebruikt in het artikel). */
.ps-code .ps-code__line { display: block; }
.ps-code .ps-code__line.is-muted { color: var(--wp--preset--color--slate-light); }
.ps-code .ps-code__gap { display: block; height: var(--wp--preset--spacing--8); }
.ps-code .ps-code__method { color: var(--wp--preset--color--teal); }
.ps-code .ps-code__status,
.ps-code .ps-code__note { color: var(--wp--preset--color--sev-medium); }
.ps-code mark { padding: 0 3px; border-radius: 3px; background-color: color-mix(in srgb, var(--wp--preset--color--sev-high) 45%, transparent); color: var(--wp--preset--color--white); }
.ps-report .ps-report__code { display: block; }