/* Measured prose. */

.rich-text__body {
	max-width: 68ch;
	font-size: var(--fs-md);
}

.rich-text--wide .rich-text__body {
	max-width: none;
	column-gap: var(--sp-2xl);
}

/* Two readable columns on wide viewports when the block is set to wide. */
@media (min-width: 1100px) {
	.rich-text--wide .rich-text__body {
		columns: 2;
	}

	.rich-text--wide .rich-text__body > :first-child {
		margin-top: 0;
	}
}

.rich-text__body > * + * {
	margin-top: var(--sp-sm);
}

.rich-text__body :is(h2, h3, h4) {
	margin-top: var(--sp-lg);
}

.rich-text__body :is(h2, h3, h4):first-child {
	margin-top: 0;
}

.rich-text__body h2 { font-size: var(--fs-xl); }
.rich-text__body h3 { font-size: var(--fs-lg); }
.rich-text__body h4 { font-size: var(--fs-md); }

.rich-text__body ul,
.rich-text__body ol {
	padding-left: var(--sp-md);
}

.rich-text__body li + li {
	margin-top: var(--sp-3xs);
}

.rich-text__body img {
	height: auto;
	border-radius: var(--radius-md);
}

.rich-text__body table {
	display: block;
	position: relative; /* contain absolutely positioned children within the scroll clip */
	overflow-x: auto;
	font-size: var(--fs-sm);
}