/* Page layout — mietwohnung-schloss (/ratgeber/schloss-tauschen-mietwohnung/). 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. */
.mws-hero .hero__aside .answerbox { margin-top: 0; max-width: none; }

/* 3 · three rules: stacked dark USP, three columns with hairline tops. */
.mws-rules .usp__points { margin: 0; padding: 0; }
.mws-rules .usp__point { flex-direction: column; gap: var(--sp-4); padding-top: var(--sp-5); border-top: 1px solid var(--c-line); }
.mws-rules__title { font-size: var(--fs-md); }
.mws-rules .usp__point p { margin-top: var(--sp-2); }
@media (min-width: 62em) {
	.mws-rules .usp__points { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* 4 · who pays: verdict chip at the card foot. */
.mws-case .card__foot { padding-top: var(--sp-2); }

/* 5 · key-bunch test: the ODER pair follows the split. */
.mws-test__pair { margin-top: var(--sp-9); }

/* 6 · BGH: narrow sticky figure left, text right. */
.mws-bgh__ref { display: flex; align-items: flex-start; gap: var(--sp-2); margin: var(--sp-4) 0 0; padding-top: var(--sp-4); border-top: 1px solid var(--c-line); color: var(--c-text); font-size: var(--fs-sm); font-weight: 600; line-height: 1.45; }
.mws-bgh__ref .i { flex: none; margin-top: 2px; color: var(--c-accent-text); }
.mws-bgh__takeaway { margin-top: var(--sp-6); }
.mws-bgh__takeaway p { color: var(--c-text); font-size: var(--fs-base); }
@media (min-width: 56.25em) {
	.mws-bgh { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; }
	.mws-bgh__fig { position: sticky; top: calc(var(--admin-bar) + var(--header-h-s) + 96px); }
}

/* 7 · steps: timeline left, sticky phone block right. */
.mws-steps__list .step__n { flex: none; }
.mws-steps__aside { margin-top: var(--sp-7); }
.mws-steps__aside .phone-block { padding: var(--sp-6); }
.mws-steps__aside .phone-block__num { font-size: var(--fs-xl); }
@media (min-width: 62em) {
	.mws-steps { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); align-items: start; }
	.mws-steps__aside { position: sticky; top: calc(var(--admin-bar) + var(--header-h-s) + 96px); margin-top: 0; }
}

/* 9 · router: horizontal accent cards, the copy's link covers the card. */
.mws-route { flex-direction: row; align-items: flex-start; gap: var(--sp-5); }
.mws-route .badge { flex: none; margin-bottom: 0; }
.mws-route__body { flex: 1; min-width: 0; }
.mws-route__body > * + * { margin-top: var(--sp-2); }
.mws-route__go { flex: none; align-self: center; width: 22px; height: 22px; color: var(--c-accent-text); transition: transform var(--dur-fast) var(--ease); }
.mws-route:hover .mws-route__go { transform: translateX(4px); }
.mws-route p a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
@media (max-width: 37.49em) {
	.mws-route { gap: var(--sp-4); }
	.mws-route__go { display: none; }
}

/* 10 · FAQ: sticky head left, accordion right. */
@media (min-width: 62em) {
	.mws-faq { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
	.mws-faq__head { position: sticky; top: calc(var(--admin-bar) + var(--header-h-s) + 96px); margin-bottom: 0; }
}