/* Front-end styling for CKEditor-authored rich text content (post "editor" fields).
   CKEditor's own content styles only apply inside the editor UI, so posted HTML
   needs equivalent rules here to render tables, images, etc. correctly on the site. */

.editor_content { line-height: 1.7; }
.editor_content p { margin: 0 0 1rem; }
.editor_content h1, .editor_content h2, .editor_content h3, .editor_content h4 {
    margin: 1.5rem 0 1rem;
    font-weight: 600;
}
.editor_content ul, .editor_content ol { margin: 0 0 1rem 1.5rem; padding-left: 1rem; }
.editor_content a { color: #0d6efd; text-decoration: underline; }
.editor_content img { max-width: 100%; height: auto; }

.editor_content figure { margin: 0 0 1rem; }
.editor_content figure.table { overflow-x: auto; }

/* CKEditor puts the "table" class on <figure>, not <table> — style the table itself directly. */
.editor_content table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
}
.editor_content table td,
.editor_content table th {
    border: 1px solid #ced4da;
    padding: 8px 12px;
}
.editor_content table th { background: #f8f9fa; font-weight: 600; }

.editor_content blockquote {
    border-left: 4px solid #dee2e6;
    margin: 0 0 1rem;
    padding: .5rem 1rem;
    color: #6c757d;
    font-style: italic;
}