/* WYSIWYG 에디터 콘텐츠 공통 스타일 */
/* 에디터와 보기 화면에서 동일하게 사용 */

.wysiwyg-content,
.quill-editor-wrap .ql-editor {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.02em;
}

.wysiwyg-content h1,
.quill-editor-wrap .ql-editor h1 {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.4;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}

.wysiwyg-content h2,
.quill-editor-wrap .ql-editor h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}

.wysiwyg-content h3,
.quill-editor-wrap .ql-editor h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 14px;
  letter-spacing: -0.02em;
}

.wysiwyg-content p,
.quill-editor-wrap .ql-editor p {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.02em;
}

.wysiwyg-content ul,
.wysiwyg-content ol,
.quill-editor-wrap .ql-editor ul,
.quill-editor-wrap .ql-editor ol {
  padding-left: 24px;
  margin-bottom: 16px;
}

.wysiwyg-content li,
.quill-editor-wrap .ql-editor li {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.02em;
  margin-bottom: 8px;
}

.wysiwyg-content strong,
.quill-editor-wrap .ql-editor strong {
  font-weight: 700;
}

.wysiwyg-content em,
.quill-editor-wrap .ql-editor em {
  font-style: italic;
}

.wysiwyg-content u,
.quill-editor-wrap .ql-editor u {
  text-decoration: underline;
}

/* 모바일 반응형 */
@media (max-width: 991px) {
  .wysiwyg-content,
  .quill-editor-wrap .ql-editor {
    font-size: 14px;
    line-height: 24px;
  }

  .wysiwyg-content h1,
  .quill-editor-wrap .ql-editor h1 {
    font-size: 26px;
    margin-bottom: 16px;
  }

  .wysiwyg-content h2,
  .quill-editor-wrap .ql-editor h2 {
    font-size: 22px;
    margin-bottom: 14px;
  }

  .wysiwyg-content h3,
  .quill-editor-wrap .ql-editor h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .wysiwyg-content p,
  .quill-editor-wrap .ql-editor p {
    font-size: 14px;
    line-height: 24px;
  }

  .wysiwyg-content li,
  .quill-editor-wrap .ql-editor li {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 6px;
  }
}