/**
 * Post Content — `Article`. See includes/styles/blocks/core-post-content-article.php.
 *
 * Measured against Figma 15863:19935. The design's 12px corners on the table and the
 * quote are the `md` radius (16px), the nearest token; its 20px gaps are `md`.
 */

/* Sections. `xl` between blocks comes from the block gap; an H2 starts a new section. */
.wp-block-post-content.is-style-article > h2:not(:first-child) {
	margin-block-start: var(--wp--preset--spacing--xxl);
}

/* Sub-headings: the `h4` element's type on an H3. */
.wp-block-post-content.is-style-article > h3 {
	font-size: var(--wp--preset--font-size--sh-5);
}

.wp-block-post-content.is-style-article > h3 + * {
	margin-block-start: var(--wp--preset--spacing--md);
}

/*
 * The copy of a sub-section is a size down, until the next H2 closes the section:
 * everything after an H3, except what comes after an H2 that follows it.
 */
.wp-block-post-content.is-style-article > h3 ~ :is(p, ul, ol):not(h3 ~ h2 ~ *) {
	font-size: var(--wp--preset--font-size--sh-2);
	letter-spacing: normal;
}

/* Table. */
.wp-block-post-content.is-style-article > .wp-block-table {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--custom--overlay-black-10);
	border-radius: var(--wp--preset--border-radius--md);
	letter-spacing: normal;
	overflow: hidden;
}

.wp-block-post-content.is-style-article > .wp-block-table table {
	border-collapse: collapse;
	inline-size: 100%;
}

.wp-block-post-content.is-style-article > .wp-block-table :is(th, td) {
	border: 0;
	padding: 0.9375rem 1.125rem;
	text-align: start;
	vertical-align: top;
}

/* The row carries the fill as well as its cells: cell backgrounds alone leave a hairline seam between them at fractional widths. */
.wp-block-post-content.is-style-article > .wp-block-table thead {
	background-color: var(--wp--preset--color--neutral-900);
	border: 0;
}

.wp-block-post-content.is-style-article > .wp-block-table thead :is(th, td) {
	background-color: var(--wp--preset--color--neutral-900);
	color: var(--wp--preset--color--white);
	font-size: var(--wp--preset--font-size--sh-4);
	font-weight: 600;
	line-height: 1.5;
	padding-block: 0.875rem;
}

.wp-block-post-content.is-style-article > .wp-block-table tbody td {
	color: var(--wp--preset--color--neutral-700);
	font-size: var(--wp--preset--font-size--sh-3);
	line-height: 1.3;
}

.wp-block-post-content.is-style-article > .wp-block-table tbody tr:not(:last-child) td {
	border-block-end: 1px solid var(--wp--custom--overlay-black-10);
}

.wp-block-post-content.is-style-article > .wp-block-table tbody tr:nth-child(even) td {
	background-color: var(--wp--preset--color--neutral-50);
}

/* The last column is the answer the table is making — the darker ink. */
.wp-block-post-content.is-style-article > .wp-block-table tbody td:last-child:not(:first-child) {
	color: var(--wp--preset--color--neutral-900);
}

.wp-block-post-content.is-style-article > .wp-block-table figcaption {
	padding: var(--wp--preset--spacing--sm) 1.125rem;
}

/* Pull quote. */
.wp-block-post-content.is-style-article > .wp-block-quote {
	border-inline-start: 3px solid var(--wp--preset--color--brand-green);
	border-radius: 0 var(--wp--preset--border-radius--md) var(--wp--preset--border-radius--md) 0;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--lg);
	margin-inline: 0;
	padding: var(--wp--preset--spacing--md) var(--wp--preset--spacing--lg);
}

.wp-block-post-content.is-style-article > .wp-block-quote > * {
	margin-block: 0;
}

.wp-block-post-content.is-style-article > .wp-block-quote > :not(cite) {
	color: var(--wp--preset--color--brand-dark-green);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--sh-1);
	font-style: italic;
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.25;
}

.wp-block-post-content.is-style-article > .wp-block-quote cite {
	color: var(--wp--preset--color--neutral-400);
	font-family: var(--wp--preset--font-family--body-display);
	font-size: var(--wp--preset--font-size--sh-2);
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.2;
}

/* Images. */
.wp-block-post-content.is-style-article > .wp-block-image img {
	border-radius: var(--wp--preset--border-radius--md);
}

.wp-block-post-content.is-style-article > .wp-block-image figcaption {
	color: var(--wp--preset--color--neutral-700);
	font-size: var(--wp--preset--font-size--sh-2);
	letter-spacing: normal;
	line-height: 1.3;
	margin-block: var(--wp--preset--spacing--md) 0;
	text-align: center;
}