/* editor-style.css */

/* 1. 전체 폭과 폰트 설정 (프론트엔드의 max-w-[680px]와 동일하게) */
.wp-block-post-content {
  max-width: 680px;
  margin: 0 auto;
  font-family: 'Instrument Sans', sans-serif;
  color: #242424; /* text-[#242424] */
  font-size: 1.125rem; /* text-lg */
  line-height: 1.8; /* leading-[1.8] */
  padding: 2rem 1rem;
}

/* 2. 본문 문단 스타일 */
.wp-block-post-content p {
  margin-bottom: 2rem; /* mb-8 (32px) */
}

/* 3. 제목 H2 스타일 */
.wp-block-post-content h2 {
  font-size: 1.875rem; /* text-3xl */
  font-weight: 700; /* font-bold */
  color: #111827; /* text-gray-900 */
  margin-top: 3.5rem; /* mt-14 */
  margin-bottom: 1.25rem; /* mb-5 */
  line-height: 1.3;
}

/* 4. 제목 H3 스타일 */
.wp-block-post-content h3 {
  font-size: 1.5rem; /* text-2xl */
  font-weight: 700;
  color: #111827;
  margin-top: 2.5rem; /* mt-10 */
  margin-bottom: 0.75rem; /* mb-3 */
}

/* 5. 리스트 스타일 (Disc) */
.wp-block-post-content ul {
  list-style-type: disc;
  padding-left: 1.25rem; /* pl-5 */
  margin-bottom: 2rem; /* mb-8 */
  color: #374151; /* text-gray-700 */
}

.wp-block-post-content ul li {
  margin-bottom: 0.5rem; /* space-y-2 */
}

/* 6. 인용구 (Blockquote) 스타일 */
.wp-block-quote {
  border-left: 3px solid #111827; /* border-gray-900 */
  padding-left: 1.5rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  font-size: 1.25rem; /* text-xl */
  font-style: italic;
  font-family: serif; /* font-serif */
  color: #242424;
}

/* 인용구 내부 p태그 마진 제거 (중복 방지) */
.wp-block-quote p {
  margin-bottom: 0;
}

/* 7. 이미지 스타일 */
.wp-block-image img {
  border-radius: 0.5rem; /* rounded-lg */
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}