/* seo_django_editor — 공개 페이지에서 본문을 렌더할 때 쓰는 스타일.
 *
 * Quill 이 정렬·들여쓰기를 ql-align-*, ql-indent-* 클래스로 남기기 때문에
 * 이 파일이 없으면 편집 화면과 실제 화면의 정렬이 달라진다.
 *
 * 사용: 본문을 .richtext 로 감싼다 ({% richtext %} 템플릿태그가 자동으로 감싼다).
 */

.richtext {
  line-height: 1.8;
  word-break: break-word;
}

.richtext > *:first-child { margin-top: 0; }
.richtext > *:last-child { margin-bottom: 0; }

.richtext p { margin: 0 0 1em; }
.richtext h1, .richtext h2, .richtext h3,
.richtext h4, .richtext h5, .richtext h6 { margin: 1.6em 0 0.6em; line-height: 1.35; }
.richtext h2 { font-size: 1.5em; }
.richtext h3 { font-size: 1.25em; }

.richtext ul, .richtext ol { margin: 0 0 1em; padding-left: 1.6em; }
.richtext li { margin-bottom: 0.3em; }

.richtext a { color: #2563eb; text-decoration: underline; }

.richtext img { max-width: 100%; height: auto; }

.richtext blockquote {
  margin: 1.2em 0;
  padding: 0.6em 1.2em;
  border-left: 4px solid #e4e7eb;
  color: #6b7681;
}

.richtext pre,
.richtext .ql-code-block-container {
  margin: 1.2em 0;
  padding: 1em 1.2em;
  overflow-x: auto;
  font-family: Consolas, Monaco, monospace;
  font-size: 0.9em;
  background: #f5f7f9;
  border-radius: 6px;
}

.richtext table { width: 100%; margin: 1.2em 0; border-collapse: collapse; }
.richtext th, .richtext td { padding: 8px 10px; border: 1px solid #e4e7eb; }
.richtext th { background: #f5f7f9; }

.richtext iframe { max-width: 100%; }

/* ── Quill 이 남기는 클래스들 ─────────────────────────────── */
.richtext .ql-align-center { text-align: center; }
.richtext .ql-align-right  { text-align: right; }
.richtext .ql-align-justify { text-align: justify; }

.richtext .ql-indent-1 { padding-left: 3em; }
.richtext .ql-indent-2 { padding-left: 6em; }
.richtext .ql-indent-3 { padding-left: 9em; }
.richtext .ql-indent-4 { padding-left: 12em; }