/* Section: rich text. */

.section-rich-text .prose--wide {
	max-width: none;
}

.section-rich-text .prose > :last-child {
	margin-bottom: 0;
}

.section-rich-text.section--inverse :where(a) {
	color: var(--color-text-inverse);
}

/* Illustration beside the reading column (base.css `.illustration`).
   Phones skip it; the text needs the width. */
.section-rich-text__art {
	display: none;
}

@media (min-width: 56rem) {

	.section-rich-text__inner {
		display: grid;
		grid-template-columns: minmax(0, var(--measure)) minmax(12rem, 18rem);
		gap: var(--space-8);
		align-items: center;
		justify-content: space-between;
	}

	.section-rich-text__art {
		display: grid;
	}
}