/* Mirrors the published article typography in the Gutenberg canvas. */

.editor-styles-wrapper {
	color: var(--content);
	font-family: var(--font-body);
	font-size: var(--text-m);
	line-height: 1.5;
}

.editor-styles-wrapper .editor-post-title__input {
	color: var(--primary-dark);
	font-family: var(--font-heading);
	font-size: var(--text-2xl);
	font-weight: 400;
	line-height: 1.3;
}

.editor-styles-wrapper .is-root-container > .wp-block {
	max-width: var(--content-size);
	margin-block: 0 var(--space-s);
	margin-inline: auto;
}

.editor-styles-wrapper .is-root-container > .wp-block:last-child {
	margin-bottom: 0;
}

/* Match the front-end wide layout rather than capping it at the content width. */
.editor-styles-wrapper .is-root-container > :is(.wp-block.alignwide, .wp-block[data-align="wide"]) {
	width: min(100%, var(--wide-size));
	max-width: var(--wide-size);
}

.editor-styles-wrapper .is-root-container > :is(p, ul, ol, blockquote) {
	color: var(--content);
	font-family: var(--font-body);
	font-size: var(--text-m);
	line-height: 1.5;
}

.editor-styles-wrapper .is-root-container > .wp-block-heading {
	color: var(--content);
	font-family: var(--font-heading);
	font-weight: 400;
}

.editor-styles-wrapper .is-root-container > h2.wp-block-heading {
	font-size: var(--text-xl);
	line-height: 1.3;
}

.editor-styles-wrapper .is-root-container > h3.wp-block-heading {
	font-size: var(--text-h4);
	line-height: 1.3;
}