/* 텍스트 에디터 콘텐츠 스타일 - .editor-content 클래스 내부에만 적용 */
.editor-content > p,
.editor-content p {
  margin-bottom: 0.875em !important;
  line-height: 1.4 !important;
  color: #333D45 !important;
}

.editor-content > p:last-child,
.editor-content p:last-child {
  margin-bottom: 0 !important;
}

.editor-content > h1,
.editor-content > h2,
.editor-content > h3,
.editor-content > h4,
.editor-content > h5,
.editor-content > h6,
.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6 {
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-top: 1.5em !important;
  margin-bottom: 0.75em !important;
  color: #333D45 !important;
}

.editor-content > h1,
.editor-content h1 {
  font-size: 2em !important;
  margin-top: 0 !important;
}

.editor-content > h2,
.editor-content h2 {
  font-size: 1.7em !important;
  margin-top: 1.5em !important;
}

.editor-content > h3,
.editor-content h3 {
  font-size: 1.35em !important;
  margin-top: 1.25em !important;
}

.editor-content > h4,
.editor-content h4 {
  font-size: 1.15em !important;
}

.editor-content > h5,
.editor-content h5 {
  font-size: 1.05em !important;
}

.editor-content > h6,
.editor-content h6 {
  font-size: 1em !important;
}

.editor-content > strong,
.editor-content > b,
.editor-content strong,
.editor-content b {
  font-weight: 700 !important;
  color: #333D45 !important;
}

.editor-content > ul,
.editor-content > ol,
.editor-content ul,
.editor-content ol {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  padding-left: 2em !important;
}

.editor-content > ul,
.editor-content ul {
  list-style-type: disc !important;
}

.editor-content > ol,
.editor-content ol {
  list-style-type: decimal !important;
}

.editor-content > li,
.editor-content li {
  margin-bottom: 0.5em !important;
  line-height: 1.6 !important;
  color: #333D45 !important;
}

.editor-content > ul > ul,
.editor-content > ol > ol,
.editor-content > ul > ol,
.editor-content > ol > ul,
.editor-content ul ul,
.editor-content ol ol,
.editor-content ul ol,
.editor-content ol ul {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}

.editor-content > img,
.editor-content img {
  max-width: 100% !important;
  height: auto !important;
  margin: 1.5em 0 !important;
  border-radius: 0.5rem !important;
  display: block !important;
}

.editor-content > a,
.editor-content a {
  color: #A2B9C8 !important;
  text-decoration: underline !important;
  transition: color 0.2s ease !important;
}

.editor-content > a:hover,
.editor-content a:hover {
  color: #8aa3b3 !important;
}

.editor-content > blockquote,
.editor-content blockquote {
  border-left: 4px solid #A2B9C8 !important;
  padding-left: 1em !important;
  margin: 1.5em 0 !important;
  color: #6C7A86 !important;
  font-style: italic !important;
}

.editor-content > code,
.editor-content code {
  background-color: #f8f9fa !important;
  padding: 0.2em 0.4em !important;
  border-radius: 0.25rem !important;
  font-size: 0.9em !important;
  font-family: monospace !important;
}

.editor-content > pre,
.editor-content pre {
  background-color: #f8f9fa !important;
  padding: 1em !important;
  border-radius: 0.5rem !important;
  overflow-x: auto !important;
  margin: 1.5em 0 !important;
}

.editor-content > pre > code,
.editor-content pre code {
  background-color: transparent !important;
  padding: 0 !important;
}

.editor-content > hr,
.editor-content hr {
  border: none !important;
  border-top: 1px solid #e9ecef !important;
  margin: 2em 0 !important;
}

.editor-content > table,
.editor-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 1.5em 0 !important;
}

.editor-content > table > th,
.editor-content > table > td,
.editor-content table th,
.editor-content table td {
  padding: 0.75em !important;
  border: 1px solid #e9ecef !important;
}

.editor-content > table > th,
.editor-content table th {
  background-color: #f8f9fa !important;
  font-weight: 600 !important;
}

