/* faq — page layout only (BUILD-CONTRACT §4: tokens via var(--…), no colours, no !important). */

/* Hero: the topic pills get a little air under the call button. */
.faq-hero .jumpnav { margin-top: var(--sp-6); }

/* 112/110 notice: each case with its own tel: pill, side by side from tablet width, pills on one line. */
.faq-notfall-wrap { max-width: calc(1040px + 2 * var(--gutter)); }
.faq-notfall { display: grid; gap: var(--sp-5); margin-top: var(--sp-4); }
.faq-notfall__case { display: flex; flex-direction: column; gap: var(--sp-3); }
.faq-notfall__case > * { margin: 0; }
.faq-notfall__case > p:last-child { margin-top: auto; padding-top: var(--sp-2); }
@media (min-width: 48em) { .faq-notfall { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--sp-7); } }
.faq-notfall__note { margin-top: var(--sp-5); font-weight: 700; }

/* Two-column accordions: an odd last question spans both columns instead of leaving a hole. */
@media (min-width: 62em) { .faq--2col > .faq-item:last-child:nth-child(odd) { grid-column: 1 / -1; } }

/* Topic groups 02 + 04: heading beside the long answers, sticky on desktop. */
.faq-side > .faq { width: 100%; }
.faq-side__head.section-head--numeral > p { grid-column: 1 / -1; max-width: 52ch; }
.faq-side__head .section-head__num { grid-row: 1; }
@media (min-width: 62em) {
	.faq-side { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.4fr); column-gap: clamp(32px, 5vw, 80px); align-items: start; }
	.faq-side__head { position: sticky; top: calc(var(--admin-bar, 0px) + var(--header-h-s) + 24px); margin-bottom: 0; }
}

/* Seriositäts-Check: the guide sentence at reading size. */
.faq-check .usp__cta p { max-width: 60ch; font-size: var(--fs-base); }

/* Checklist + phone block: stacked until the big number has room beside the list. */
@media (min-width: 56.25em) and (max-width: 69.99em) {
	.faq-ready { grid-template-columns: minmax(0, 1fr); }
	.faq-ready__phone { max-width: 560px; }
}
@media (min-width: 70em) {
	.faq-ready { align-items: start; }
	.faq-ready__phone { position: sticky; top: calc(var(--admin-bar, 0px) + var(--header-h-s) + 24px); }
}

/* Link cards: 2 × 2 on small laptops, four in a row only where the cards have room. */
@media (min-width: 62em) and (max-width: 74.99em) {
	.faq-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}