.editor-styles-wrapper {
	background: #fff;
	color: #000;
	letter-spacing: -0.015em;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

.editor-post-title__block .editor-post-title__input,
.editor-styles-wrapper .wp-block h1,
.editor-styles-wrapper .wp-block h2,
.editor-styles-wrapper .wp-block h3,
.editor-styles-wrapper .wp-block h4,
.editor-styles-wrapper .wp-block h5,
.editor-styles-wrapper .wp-block h6,
.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
.editor-styles-wrapper cite,
.editor-styles-wrapper figcaption,
.editor-styles-wrapper .wp-caption-text {
	font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", Helvetica, sans-serif;
}

.editor-styles-wrapper > * {
	font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", Helvetica, sans-serif;
	font-size: 18px;
}

@supports ( font-variation-settings: normal ) {
	.editor-styles-wrapper > * {
		font-family: "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", Helvetica, sans-serif;
	}
}

/** === Editor Frame === */
body .wp-block[data-align="full"] {
	width: 100%;
}

@media only screen and (min-width: 600px) {
	body .wp-block[data-align="full"] {
		width: calc( 100% + 90px);
		max-width: calc( 100% + 90px);
	}
}

@media only screen and (min-width: 768px) {
	body .editor-writing-flow {
		max-width: 80%;
		margin: 0 10%;
	}

	body .editor-post-title__block,
	body .editor-default-block-appender,
	body .editor-block-list__block {
		margin-left: 0;
		margin-right: 0;
	}

	body .wp-block[data-align="wide"] {
		width: 100%;
	}

	body .wp-block[data-align="full"] {
		position: relative;
		left: calc( -12.5% - 14px);
		width: calc( 125% + 116px);
		max-width: calc( 125% + 115px);
	}

	body .wp-block[data-align="right"] {
		max-width: 125%;
	}
}

/** === Content Width === */
.wp-block {
	width: calc(100vw - (2 * 1rem));
	max-width: 100%;
}

@media only screen and (min-width: 768px) {
	.wp-block {
		width: calc(8 * (100vw / 12));
	}
}

@media only screen and (min-width: 1168px) {
	.wp-block {
		width: calc(6 * (100vw / 12 ));
	}
}

.wp-block .wp-block {
	width: 100%;
}