/**
 * Metropolis Text Section.
 */

.text-section--split .text-section__inner {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: 24px clamp(32px, 6vw, 96px);
	align-items: start;
}

.text-section--split .section__answer {
	margin-top: 0;
}

.text-section--single .section__answer {
	max-width: 62ch;
}

.text-section__body > .text-link {
	margin-top: 8px;
}

.text-section__note {
	max-width: 60ch;
	margin-bottom: 8px;
	color: var(--ink-soft);
}

.is-fascia .text-section__note { color: var(--on-fascia-soft); }
.is-fascia .ticks .icon { color: var(--gold); }
.is-fascia .text-link { color: var(--on-fascia); text-decoration-color: var(--fascia-line); }

/* A hairline above, inset to the content width. */
.text-section--divider {
	padding-top: 0;
}

.text-section--divider .text-section__inner {
	padding-top: clamp(40px, 5vw, 64px);
	border-top: 1px solid var(--mist-deep);
}

.is-fascia.text-section--divider .text-section__inner {
	border-top-color: var(--fascia-line);
}

@media (max-width: 960px) {
	.text-section--split .text-section__inner { grid-template-columns: minmax(0, 1fr); }
}