/* schloss-klemmt — page layout only (tokens from theme.css; no colours, no new shadows/radii). */

/* Hero (calmest problem hero): text left, the three checks right, the situation card as a full-width strip below. */
.hero--strip .hero__inner { grid-template-columns: minmax(0, 1fr); row-gap: var(--sp-6); }
.hero--strip .hero__checks { margin-top: 0; }
@media (min-width: 62em) {
	.hero--strip .hero__inner { grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); align-items: end; row-gap: var(--sp-7); }
	.hero--strip .hero__checks { padding-bottom: 10px; }
	.hero--strip .situation--strip { grid-column: 1 / -1; }
}
/* Phones/tablets: the call button sits straight under the H1 (the lead carries no link → focus order unchanged). */
@media (max-width: 61.99em) {
	.hero--emergency .hero__body > .hero__cta { order: 1; margin-top: var(--sp-5); }
	.hero--emergency .hero__body > .hero__title ~ :not(.hero__cta) { order: 2; }
}

/* The strip: question | the two answers side by side | the call line under the answers. */
.situation--strip .situation__answers li { flex-direction: column; gap: 4px; }
@media (min-width: 48em) {
	.situation--strip { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 2fr); column-gap: var(--sp-6); align-items: center; }
	.situation--strip .situation__answers { grid-column: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
	.situation--strip .situation__head { grid-row: 1 / span 2; align-self: center; }
	.situation--strip .situation__call { grid-column: 2; margin-top: var(--sp-4); }
}

/* Self-test: instruction left, the two outcomes stacked right with the "oder" coin between them. */
.test-split { align-items: start; }
.test-card { flex-direction: row; align-items: center; gap: var(--sp-4); margin-top: var(--sp-5); }
.test-card p { margin: 0; color: var(--c-text); font-size: var(--fs-md); line-height: 1.5; }
@media (min-width: 56.25em) {
	.test-split .contrast { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.test-split .contrast__vs { position: relative; left: auto; top: auto; transform: none; margin: -34px 0; }
}

/* Five don'ts: one row of equal tiles from 75em, two columns on tablets (last spans), one on phones. */
.donts { display: grid; gap: var(--gap); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 37.5em) {
	.donts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.donts > :last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (min-width: 75em) {
	.donts { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.donts > :last-child:nth-child(odd) { grid-column: auto; }
	.donts .card__title { font-size: var(--fs-md); }
}

/* 112 / 110 notice: the two cases side by side, each with its own pill at the bottom. */
.notice__cols { display: grid; gap: var(--sp-5); margin-top: var(--sp-4); }
.notice__col { display: flex; flex-direction: column; gap: var(--sp-3); }
.notice__col > * { margin: 0; }
.notice__col .notice__nums { margin-top: auto; padding-top: var(--sp-2); }
@media (min-width: 48em) { .notice__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--sp-6); } }

/* Repair steps 2×2 on the darkest band: coin left of the text, no connectors. */
@media (min-width: 56.25em) {
	.steps.steps-2x2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1040px; margin-inline: auto; }
	.steps-2x2 .step { flex-direction: row; align-items: flex-start; gap: 20px; text-align: left; padding: 26px 28px; }
	.steps-2x2 .step:not(:last-child)::after { display: none; }
	.steps-2x2 .step__n { flex: none; margin: 0; box-shadow: none; }
	.steps-2x2 .step__body { flex: 1 1 0%; min-width: 0; }
}

/* Yellow consultation band: big H2 left, the two paragraphs and the dark call button right. */
.consult { display: grid; gap: var(--sp-5); }
.consult__head { margin-bottom: 0; }
.consult__body > * { margin: 0; }
.consult__body > * + * { margin-top: var(--sp-4); }
.consult__cta { padding-top: var(--sp-3); }
@media (min-width: 62em) { .consult { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); column-gap: clamp(32px, 5vw, 80px); align-items: start; } }

/* Desktop: the instruction stays in view while the two outcomes scroll past. */
@media (min-width: 56.25em) { .test-split .split__body { position: sticky; top: calc(var(--admin-bar, 0px) + var(--header-h) + var(--sp-5)); } }

/* FAQ grid: the fifth question closes the grid across both columns. */
@media (min-width: 62em) { #faq .faq--2col > :last-child:nth-child(odd) { grid-column: 1 / -1; } }