/*
 * Muster „Fragen in einer Reihe“ (patterns/seite-16-fragenreihe.php, 22.10.2026): kurze Fragen mit
 * Zitierabsatz nebeneinander (Webcam, 360°-Rundgang). Jede Frage beginnt mit einer feinen Linie, darüber
 * ein kurzer Strich in Sonne, der sich beim Erscheinen zeichnet (wie über den Kennzahlen). Mobil
 * untereinander. Ohne JavaScript und mit reduzierter Bewegung steht der Strich ruhig da.
 */
.ps-fragenreihe.wp-block-group {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
	gap: clamp(36px, 4.4vw, 64px);
	padding-block: clamp(48px, 7vw, 96px);
}
.ps-inhalt > .ps-fragenreihe { margin-block: 0; }
.ps-fragenreihe > .ps-frage.wp-block-group {
	position: relative;
	align-content: start;
	gap: 14px;
	margin: 0;
	padding: 28px 0 0;
	border-top: 1px solid var(--border-default);
}
.ps-fragenreihe > .ps-frage > * { max-width: none; }
.ps-fragenreihe > .ps-frage::before {
	content: "";
	position: absolute;
	left: 0;
	top: -1px;
	width: 56px;
	height: 2px;
	background: var(--sonne-500);
	transform-origin: left center;
}
.ps-fragenreihe h2 { font-family: var(--font-display); font-weight: 400; font-size: var(--fs-h3); line-height: 1.25; }
.ps-fragenreihe .ps-zitierabsatz { font-size: var(--fs-body); line-height: 1.7; }
.ps-bw .ps-fragenreihe > .ps-frage.ps-rv::before { transform: scaleX(0); transition: transform 900ms var(--ease-out) calc(var(--ps-d, 0ms) + 300ms); }
.ps-bw .ps-fragenreihe > .ps-frage.ps-rv.ist-sichtbar::before { transform: none; }
/* Breit: alle Fragen in einer Zeile, Überschriften und Zitierabsätze auf gleicher Höhe (Subgrid) */
@media (min-width: 900px) {
	@supports (grid-template-rows: subgrid) {
		.ps-fragenreihe.wp-block-group { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); grid-template-columns: none; grid-template-rows: auto auto; row-gap: 14px; }
		.ps-fragenreihe > .ps-frage.wp-block-group { grid-row: span 2; }
		/* nur Frage + ein Zitierabsatz (zwei Kinder) als Subgrid; mit weiteren Absätzen bleibt die Frage ein eigenes Raster */
		.ps-fragenreihe > .ps-frage.wp-block-group:has(> :nth-child(2):last-child) { display: grid; grid-template-rows: subgrid; gap: 14px; }
	}
}