/* 에디터(Jodit)로 작성한 HTML 본문 표시용 스타일 (게시글 보기, 메인 팝업)
   Tailwind preflight 가 목록/제목/표 기본 스타일을 지우므로 여기서 복원한다. */
.editor-content {
    font-size: 16px;
    line-height: 1.7;
    color: #191c1e;
    word-break: break-word;
}
.editor-content p { margin: 0; }
.editor-content h1, .editor-content h2, .editor-content h3,
.editor-content h4, .editor-content h5, .editor-content h6 {
    font-weight: 700;
    line-height: 1.35;
    margin: 1em 0 0.4em;
}
.editor-content h1 { font-size: 1.75em; }
.editor-content h2 { font-size: 1.5em; }
.editor-content h3 { font-size: 1.25em; }
.editor-content h4 { font-size: 1.1em; }
.editor-content ul { list-style: disc; padding-left: 1.5rem; margin: 0.4em 0; }
.editor-content ol { list-style: decimal; padding-left: 1.5rem; margin: 0.4em 0; }
.editor-content li { margin: 0.1em 0; }
.editor-content blockquote {
    margin: 0.6em 0;
    padding: 0.4em 1em;
    border-left: 4px solid #c2c7d1;
    color: #42474f;
}
.editor-content a { color: #0f4c81; text-decoration: underline; }
.editor-content hr { border: 0; border-top: 1px solid #c2c7d1; margin: 1em 0; }
.editor-content img { max-width: 100%; height: auto; }
.editor-content table { border-collapse: collapse; max-width: 100%; margin: 0.6em 0; }
.editor-content table th,
.editor-content table td { border: 1px solid #c2c7d1; padding: 6px 10px; }
.editor-content table th { background-color: #f4f4f4; color: #333; font-weight: 600; }
.editor-content pre { background: #f2f4f6; padding: 0.8em 1em; border-radius: 4px; overflow-x: auto; }
.editor-content code { background: #f2f4f6; padding: 0.1em 0.3em; border-radius: 3px; }

/* 에디터 편집 영역도 같은 표 스타일 사용 */
.jodit-wysiwyg table th { background-color: #f4f4f4; }
.jodit-wysiwyg img { max-width: 100%; }

/* ==========================================================
   Jodit 에디터 테마: 사이트 색상/모서리에 맞춤
   (jodit.min.css 보다 나중에 로드되므로 :not(.jodit_inline) 로 우선순위 확보)
   ========================================================== */
html .jodit-container:not(.jodit_inline) {
    --jd-color-panel: #f2f4f6;                     /* 툴바 배경 */
    --jd-color-border: #c2c7d1;
    --jd-color-gray: #c2c7d1;
    --jd-color-gray-dark: #727780;
    --jd-color-text: #191c1e;
    --jd-color-icon: #42474f;
    --jd-color-placeholder: #727780;
    --jd-color-background-button-hover: #e6e8ea;
    --jd-color-button-background-hover: #e6e8ea;
    --jd-color-background-gray-hover: #f7f9fb;
    --jd-color-background-light-gray: #f7f9fb;
    --jd-color-background-selection: #d2e4ff;
    --jd-color-border-selected: #0f4c81;
    --jd-color-background-active: #0f4c81;         /* 주요 버튼 */
    --jd-color-background-progress: #0f4c81;       /* 업로드 진행 표시 */
    --jd-color-resizer: #c2c7d1;
    --jd-border-radius-default: 4px;

    font-family: inherit;
    border: 1px solid #c2c7d1;
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
html .jodit-container:not(.jodit_inline):focus-within {
    border-color: #0f4c81;
    box-shadow: 0 0 0 2px rgba(15, 76, 129, 0.25);
}
html .jodit-container:not(.jodit_inline) .jodit-toolbar__box {
    background: #f2f4f6;
    border-bottom: 1px solid #c2c7d1;
}
html .jodit-container:not(.jodit_inline) .jodit-workplace,
html .jodit-container:not(.jodit_inline) .jodit-wysiwyg {
    background: #fff;
}
html .jodit-container:not(.jodit_inline) .jodit-wysiwyg {
    font-family: inherit;
    font-size: 16px;
    line-height: 1.7;
    color: #191c1e;
}
html .jodit-container:not(.jodit_inline) .jodit-wysiwyg p { margin: 0; }
html .jodit-container:not(.jodit_inline) .jodit-status-bar {
    background: #f2f4f6;
    border-top: 1px solid #c2c7d1;
    color: #727780;
}
/* 활성(눌린) 툴바 버튼 */
html .jodit-container:not(.jodit_inline) .jodit-toolbar-button_active,
html .jodit-container:not(.jodit_inline) .jodit-toolbar-button_active:hover {
    background-color: #d2e4ff;
    color: #0f4c81;
}
html .jodit-container:not(.jodit_inline) .jodit-toolbar-button_active .jodit-icon { fill: #0f4c81; stroke: #0f4c81; }
/* 팝업/대화상자 주요 버튼 */
.jodit-ui-button_variant_primary,
.jodit-ui-button_variant_primary:hover:not([disabled]) { background-color: #0f4c81; }

/* 에디터 높이증가/감소 버튼 (jodit-editor.js 가 에디터 바로 아래에 생성) */
.editor-resize-bar { display: flex; gap: 8px; margin-top: 8px; }