/*
 * Long-form prose. Only the privacy and cookie policy pages use this, and both are generated by
 * the consent plugin as blocks, so the selectors have to cover core's markup as well as ours.
 */

.prose__title {
	margin-block-end: var(--space-3);
}

.prose__body > :is(h2, h3, h4) {
	margin-block-start: var(--space-5);
}

.prose__body :is(p, ul, ol) {
	max-width: var(--measure);
}

.prose__body table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--font-3);
}

.prose__body :is(th, td) {
	padding: var(--space-1) var(--space-15);
	border-block-end: var(--border-hairline) solid var(--color-border);
	text-align: start;
	vertical-align: top;
}

.prose__body th {
	font-weight: var(--weight-medium);
}

/* A policy table is the one wide thing on the site, so it scrolls inside its own box rather than
   pushing the page sideways. */
.prose__body .wp-block-table {
	overflow-x: auto;
}