/* =================================================================
 * 22. Editor canvas adjustments (block editor iframe)
 * ================================================================= */
.editor-styles-wrapper {
    background: var(--wp--preset--color--bg);
    color: var(--wp--preset--color--text-primary);
    font-family: var(--wp--preset--font-family--body);
}

/* Post title field in the post editor — same hierarchy as the front
   end H1 so the editor preview reads "this is the title". WP renders
   the title input as `.editor-post-title__input` in classic Gutenberg
   and as `.wp-block-post-title` inside FSE / template contexts. */
.editor-styles-wrapper .editor-post-title,
.editor-styles-wrapper .editor-post-title__input,
.editor-post-title__input,
.editor-styles-wrapper .wp-block-post-title,
.editor-styles-wrapper h1.wp-block-post-title {
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--3-xl);
    font-weight: 400;
    line-height: var(--wp--custom--line-height--tight);
    letter-spacing: var(--wp--custom--letter-spacing--display);
    color: var(--wp--preset--color--text-primary);
    margin-bottom: var(--wp--preset--spacing--32);
}
/* Hide the heading-anchor mark on title inside editor — it's a frontend
   layout detail and looks misplaced in the editor's narrow canvas. */
.editor-styles-wrapper .wp-block-post-title::before,
.editor-styles-wrapper .editor-post-title::before {
    display: none;
}