/* =========================================================
   게시글(칼럼) 본문 공통 타이포그래피
   - 공개 페이지(.content-body-html)와 관리자 에디터(#contentEditor .ql-editor)에
     같은 파일을 적용해서 "작성 화면 = 실제 화면"을 보장한다
   - ql-size-* / ql-lh-* 클래스는 admin/superadmin.py 소독기 허용 목록과 짝
========================================================= */

/* 에디터를 실제 본문과 동일한 기본 타이포로 */
#contentEditor .ql-editor {
    color: #20242b;
    font-size: 18px;
    line-height: 1.85;
}
#contentEditor .ql-editor p { margin: 0 0 20px; }
#contentEditor .ql-editor h2 { margin: 48px 0 16px; color: #111318; font-size: 30px; line-height: 1.35; font-weight: 900; }
#contentEditor .ql-editor h3 { margin: 34px 0 12px; color: #111318; font-size: 24px; line-height: 1.4; font-weight: 900; }
#contentEditor .ql-editor img { display: block; max-width: 100%; height: auto; margin: 28px auto; border-radius: 8px; }

/* 글자 크기 (기본 18px은 클래스 없음) */
.content-body-html .ql-size-12, #contentEditor .ql-editor .ql-size-12 { font-size: 12px; }
.content-body-html .ql-size-14, #contentEditor .ql-editor .ql-size-14 { font-size: 14px; }
.content-body-html .ql-size-16, #contentEditor .ql-editor .ql-size-16 { font-size: 16px; }
.content-body-html .ql-size-20, #contentEditor .ql-editor .ql-size-20 { font-size: 20px; }
.content-body-html .ql-size-24, #contentEditor .ql-editor .ql-size-24 { font-size: 24px; }
.content-body-html .ql-size-28, #contentEditor .ql-editor .ql-size-28 { font-size: 28px; }

/* 행간 (기본 1.85는 클래스 없음) */
.content-body-html .ql-lh-14, #contentEditor .ql-editor .ql-lh-14 { line-height: 1.4; }
.content-body-html .ql-lh-16, #contentEditor .ql-editor .ql-lh-16 { line-height: 1.6; }
.content-body-html .ql-lh-22, #contentEditor .ql-editor .ql-lh-22 { line-height: 2.2; }

/* 목록: Quill 2는 불릿도 <ol> + data-list="bullet"로 저장한다 */
.content-body-html li[data-list="bullet"] { list-style-type: disc; }
.content-body-html li[data-list="ordered"] { list-style-type: decimal; }
/* 에디터 전용 마커 span은 공개 페이지에서 숨김 */
.content-body-html li > span:empty { display: none; }

/* 표 */
.content-body-html table, #contentEditor .ql-editor table {
    width: 100%;
    margin: 24px 0;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 1.6;
}
.content-body-html td, .content-body-html th,
#contentEditor .ql-editor td, #contentEditor .ql-editor th {
    border: 1px solid #d9dde3;
    padding: 10px 14px;
    vertical-align: top;
    word-break: keep-all;
}
.content-body-html th, #contentEditor .ql-editor th { background: #f5f6f8; font-weight: 700; }
/* 모바일: 좁은 화면에서는 표를 가로 스크롤로 */
@media (max-width: 767.98px) {
    .content-body-html table { display: block; overflow-x: auto; }
}