/* Editor.js – стили для заголовков и параграфов */
#editorjs h1 {
    font-size: 2rem;
    font-weight: 700;
}

#editorjs h2 {
    font-size: 1.5rem;
    font-weight: 600;
}

#editorjs h3 {
    font-size: 1.25rem;
    font-weight: 600;
}

#editorjs h4 {
    font-size: 1.125rem;
    font-weight: 500;
}

#editorjs h5 {
    font-size: 1rem;
    font-weight: 500;
}

#editorjs h6 {
    font-size: 0.95rem;
    font-weight: 500;
}

#editorjs p {
    font-size: 1rem;
    line-height: 1.5;
}

#editorjs blockquote {
    border-left: 4px solid #ccc;
    padding-left: 1em;
    color: #666;
    font-style: italic;
}

#editorjs pre {
    background: #1e1e1e;
    color: #fff;
    padding: 0.75em;
    border-radius: 0.4em;
    overflow-x: auto;
    font-family: monospace;
    font-size: 0.9rem;
}

.codex-editor__redactor {
    padding-bottom: 0 !important;
}

/* Выделение блоков темная тема*/
.dark .ce-header::selection,
.dark .cdx-block::selection,
[contenteditable="true"]::selection {
    background: #cce4ff;
    color: #000;
}

.ce-block--selected .ce-block__content {
    background: rgba(165, 241, 255, 0.233) !important;
}

/* Иконки меню темной темы*/
.dark .ce-toolbar__plus,
.dark .ce-toolbar__settings-btn {
    color: white;
    transition: color 0.2s ease;
}

.dark .ce-toolbar__plus:hover,
.dark .ce-toolbar__settings-btn:hover {
    color: black;
}