/* 공고 상세 내용(에디터로 쓴 공고, descriptionHtml) 스타일 — 매거진(magazine-article.css)과 따로 둔다.
 *
 * 공고 상세는 매거진보다 글씨가 작다. 같은 파일을 쓰면 매거진 글씨를 바꿀 때 공고 상세까지 따라 바뀌고,
 * 글자로 쓴 예전 공고(14.5px)와 에디터로 쓴 공고의 글씨 크기가 어긋난다.
 *
 * 쓰는 법: 상세 내용을 감싼 요소에 `job-desc` 클래스를 준다. 글씨체는 화면 기본(Pretendard)을 그대로 따른다.
 *
 *   <div class="job-desc"> …descriptionHtml… </div>
 *
 * 크기 — 본문은 글자 공고와 같은 14.5px(휴대폰 13.9px). 소제목은 공고 제목(24px)보다 작게:
 *   에디터 'H1'(h2) 19px·굵기 800, 'H2'(h3) 16px·굵기 700. 휴대폰은 17.5px·15px.
 */

.job-desc {
  font-size: 14.5px;
  line-height: 1.75;
  color: #1f2937;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.job-desc h1 { font-size: 21px; font-weight: 800; margin: 24px 0 10px; line-height: 1.4; }
.job-desc h2 { font-size: 19px; font-weight: 800; margin: 24px 0 10px; line-height: 1.4; }
.job-desc h3 { font-size: 16px; font-weight: 700; margin: 18px 0 8px; line-height: 1.45; }
.job-desc h4 { font-size: 15px; font-weight: 700; margin: 16px 0 6px; }
.job-desc > :first-child { margin-top: 0; }

.job-desc p { margin: 0 0 10px; }
.job-desc p:empty { min-height: 1em; }
.job-desc ul,
.job-desc ol { margin: 0 0 10px; padding-left: 20px; }
.job-desc li { margin: 3px 0; }
.job-desc img { max-width: 100%; height: auto; border-radius: 8px; }

/* 인용 — 왼쪽 파란 줄 */
.job-desc blockquote { border-left: 3px solid #2a78d6; padding-left: 12px; margin: 14px 0; color: #374151; }

.job-desc a { color: #2a78d6; text-decoration: underline; }
.job-desc hr { border: 0; border-top: 1px solid #e5e7eb; margin: 20px 0; }
.job-desc code { background: #f3f4f6; border-radius: 4px; padding: 1px 4px; font-size: 0.92em; }
.job-desc pre { background: #f7f8fa; border-radius: 8px; padding: 10px 12px; overflow-x: auto; }

/* 표 */
.job-desc table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 13.5px; }
.job-desc th,
.job-desc td { border: 1px solid #e5e7eb; padding: 6px 8px; text-align: left; vertical-align: top; }
.job-desc th { background: #f7f8fa; font-weight: 600; }

/* 휴대폰(767px 이하) — 공고 상세 화면과 같은 경계. 넓은 표는 옆으로 밀어 본다 */
@media (max-width: 767px) {
  .job-desc { font-size: 13.9px; }
  .job-desc h1 { font-size: 19px; }
  .job-desc h2 { font-size: 17.5px; }
  .job-desc h3 { font-size: 15px; }
  .job-desc table { display: block; overflow-x: auto; font-size: 13px; }
}