/*
 * Giấy — style cho màn soạn thảo.
 *
 * Mục tiêu duy nhất: gõ chữ trong editor thấy đúng cỡ, đúng font, đúng đo
 * dòng như khi đăng. Mọi thứ khác để Gutenberg lo.
 */

.editor-styles-wrapper {
	font-family: var(--wp--preset--font-family--sans);
	background: var(--wp--preset--color--paper);
	color: var(--wp--preset--color--ink);
}

.editor-styles-wrapper .block-editor-block-list__layout {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.25rem;
	line-height: 1.75;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper .editor-post-title__input {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 400;
	letter-spacing: -0.015em;
}

.editor-styles-wrapper .editor-post-title__input {
	font-size: 2.75rem;
	line-height: 1.1;
	letter-spacing: -0.025em;
}

.editor-styles-wrapper p {
	max-width: 68ch;
	text-wrap: pretty;
}

.editor-styles-wrapper blockquote {
	font-style: italic;
	font-weight: 300;
	background: var(--wp--preset--color--surface);
	padding: 1.5rem;
	border: 0;
}

/* Khung xem trước của block động — cho biết đây là phần theme tự dựng. */
.wp-block[data-type^='giay/'] {
	outline: 1px dashed var(--wp--preset--color--rule);
	outline-offset: 4px;
}