/*
 * Quill 본문을 관리자 편집기와 공개 화면이 똑같이 그리게 하는 한 곳.
 *
 * 예전에는 공개 화면마다 제 스타일을 따로 들고 있었다. 이용약관·개인정보처리방침은 줄 간격
 * 1.8 에 문단마다 아래 여백 1em 을 줬는데, Quill 은 빈 줄을 빈 문단(<p><br></p>)으로 적고
 * 문단 여백은 0 이다. 그래서 같은 본문이 공개 화면에서 1.5배 길게, 문단 사이가 거의 두 배로
 * 벌어져 보였다(2026-09-19, keulsoft.com 개인정보처리방침: 편집기 1,280px → 공개 1,981px).
 *
 * 규칙:
 *   - 글자·줄 간격·색은 .rich-text 가 정한다. 편집기(설정 화면)와 공개 화면이 같이 쓴다.
 *   - 공개 화면은 <div class="ql-snow rich-text rich-text-view"><div class="ql-editor">…</div></div>
 *     로 감싼다. ql-snow 가 있어야 quill.snow.css 의 제목 크기·인용·목록 모양이 편집기와 같다.
 *   - 문단·제목의 여백은 여기서 주지 않는다. Quill 의 규칙(여백 0, 빈 문단으로 띄움)을 그대로 따른다.
 *     여백을 주면 편집기에서 본 것과 달라진다.
 *
 * 쓰는 곳: views/admin/settings.php(약관·방침 편집기), views/home/terms_of_service.php,
 * views/home/privacy_policy.php, views/home/skins/board_view.php(게시글 보기).
 * 섹션(콘텐츠·FAQ 등)은 아직 각자 스타일을 쓴다 — 사이트 생성기가 빈 줄 없이 쓴 HTML 이 그
 * 여백에 기대고 있어 따로 옮긴다.
 */

.rich-text .ql-editor {
    font-size: 16px;
    line-height: 1.6;
    color: #374151;
    font-family: 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Apple SD Gothic Neo', 'Noto Sans', sans-serif;
}

.dark .rich-text .ql-editor {
    color: #d1d5db;
}

/* 보기 전용: 편집기의 안쪽 여백·스크롤 없이 바깥 상자에 맞춘다. */
.rich-text-view .ql-editor {
    padding: 0;
    height: auto;
    overflow: visible;
    cursor: auto;
}

.rich-text-view .ql-editor img {
    max-width: 100%;
    height: auto;
}