/* Page layout — abzocke-erkennen (/ratgeber/schluesseldienst-abzocke-erkennen/). Layout only, tokens only. */

/* Chapter-bar targets: land below the sticky header + chapter bar (desktop). */
@media (min-width: 62em) {
	section[id] { scroll-margin-top: 72px; }
}

/* 1 · hero: the short answer sits in the aside. */
.abz-hero .hero__aside .answerbox { margin-top: 0; max-width: none; }

/* 3 · three rules: statement left, rules as one column right. */
.abz-rules .usp__points { grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; }
.abz-rules__title { font-size: var(--fs-md); }
.abz-rules .usp__point p { margin-top: var(--sp-1); }
@media (min-width: 62em) { .abz-rules .usp__head { align-self: center; } }

/* 4 · warning signs: boxed checklist flowed in two columns (no stretched neighbours). */
@media (min-width: 48em) {
	.abz-signs { display: block; columns: 2; column-gap: var(--gap); }
	.abz-signs > li { break-inside: avoid; margin-bottom: var(--sp-4); }
}

/* 5 · phases: 2 × 2 board, coin beside the text. */
.abz-phases { --n: 2; }
@media (min-width: 56.25em) {
	.abz-phases .step { flex-direction: row; align-items: flex-start; gap: var(--sp-5); padding: var(--sp-6); text-align: left; }
	.abz-phases .step__n { flex: none; margin: 0; }
	.abz-phases .step__body { flex: 1; min-width: 0; padding-top: var(--sp-2); }
	.abz-phases .step:not(:last-child)::after { display: none; }
}

/* 6 · the scheme: three stages linked by a dashed line. */
.abz-scheme { justify-content: center; margin: 0; }
.abz-scheme__flow { display: grid; gap: var(--sp-6); margin: 0; padding: 0; list-style: none; }
.abz-scheme__step { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--sp-4); align-items: center; }
.abz-scheme__step:not(:last-child)::after { content: ""; position: absolute; left: 27px; top: 58px; height: calc(var(--sp-6) - 4px); border-left: 2px dashed var(--veil-yellow-40); }
.abz-scheme__step strong { display: block; font-family: var(--font-display); font-weight: 600; font-size: var(--fs-lg); line-height: 1.15; color: var(--c-heading); }
.abz-scheme__step span:not(.badge) { display: block; margin-top: var(--sp-1); color: var(--c-muted); font-size: var(--fs-sm); line-height: 1.45; }
.abz-scheme figcaption { margin-top: var(--sp-6); padding-top: var(--sp-4); border-top: 1px solid var(--c-line); color: var(--c-muted); font-size: var(--fs-sm); }

/* 7 · law grid: the ruling leads, four statutes in 2 × 2. */
.abz-law { display: grid; gap: var(--gap); }
@media (min-width: 37.5em) {
	.abz-law { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.abz-law__lead { grid-column: 1 / -1; }
}
@media (min-width: 62em) {
	.abz-law__lead { display: grid; grid-template-columns: auto minmax(0, .8fr) minmax(0, 1.2fr); column-gap: var(--sp-6); align-items: center; padding: var(--sp-7) var(--sp-8); }
	.abz-law__lead .badge { margin-bottom: 0; }
	.abz-law__lead .card__title { font-size: var(--fs-xl); }
}
.abz-law .card__foot { padding-top: var(--sp-2); }

/* 10 · check us: H3 titles in the boxed list. */
.abz-checks__title { font-size: var(--fs-md); }
.abz-checks .icon-list__body p { margin-top: var(--sp-1); }

/* 11 · router cards: the copy's link covers the whole card. */
.abz-route p a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }