/* ── Essay Editor ───────────────────────────────────────────────────────── */

/* Essay mode: paragraph spacing + blockquote styling (always on for essays) */
.essay-mode .ProseMirror p {
    text-indent: 0;
    margin-bottom: 1.2em;
}

.essay-mode .ProseMirror blockquote {
    border-left-width: 4px;
    padding-left: 1.5em;
    font-style: italic;
}

/* Drop cap: toggled separately via toolbar button */
.essay-editor .ProseMirror > p:first-child::first-letter {
    font-size: 3.2em;
    float: left;
    line-height: 0.8;
    padding-right: 0.08em;
    margin-top: 0.05em;
    font-weight: 700;
    color: var(--pearl, #e8e0d0);
}

/* ── Essay Reader ──────────────────────────────────────────────────────── */

.reader-chapter.essay-reader .reader-ch-body p {
    text-indent: 0;
    margin-bottom: 1.2em;
}

.reader-chapter.essay-reader .reader-ch-body > p:first-of-type::first-letter {
    font-size: 3.2em;
    float: left;
    line-height: 0.8;
    padding-right: 0.08em;
    margin-top: 0.05em;
    font-weight: 700;
    color: var(--reader-accent, var(--accent));
}

.reader-chapter.essay-reader .reader-ch-body blockquote {
    border-left-width: 4px;
    padding-left: 1.5em;
    font-style: italic;
}