/*
  1. Replace '.your-editor-class-or-id' with the actual
     selector for your editor's main content area.
*/
.your-editor-class-or-id {
    /* --- Readability & Typography --- */
    font-family: 'Georgia', serif; /* Use a comfortable, preferred font */
    font-size: 18px;               /* Increase font size for less eye strain */
    line-height: 1.65;             /* Increase line spacing for better flow */
    color: #2e2e2e;                /* Dark gray text for softer contrast than pure black */
    padding: 30px;                 /* Add space around the content */
    max-width: 800px;              /* Set a comfortable max width for line length */
    margin: 0 auto;                /* Center the content block */

    /* --- Background & Theme --- */
    background-color: #f7f7f7;     /* Soft off-white background */
    border-radius: 8px;            /* Subtle rounded corners */
}

/* --- Blockquotes (Citations/Notes) --- */
.your-editor-class-or-id blockquote {
    border-left: 4px solid #4a90e2; /* Accent color bar */
    padding-left: 15px;
    margin: 15px 0;
    font-style: italic;
    color: #6a6a6a;
}

/* --- Headings (H1, H2, H3) --- */
.your-editor-class-or-id h2 {
    color: #1a1a1a;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 5px;
    margin-top: 40px;
}

/* --- Cursor Customization (Optional) --- */
.your-editor-class-or-id:focus {
    /* Changes the caret/cursor color */
    caret-color: #d0021b; /* Example: A vibrant red color */
}