/* 틀: /area/dunsan, /area/gwanjeo — 시안 A 전용 섹션 스타일.
   base.css(고정층)·A.css(자유층)·components/A/components.css(공용 부품)·drafts/A/style.css(승인 index 스타일) 변수·클래스만 쓴다.
   새 hex 0, 새 px 간격값 0 — 전부 var(--sp-*)·var(--fs-*)·var(--c-*)·var(--color-*)·var(--lh-*) 기존 토큰 재사용.
   2회차 수정(2026-11-01 2회차 수정 지시서):
   1) 섹션3 사례 — 진행표.json 승인[] 'JD6 틀 묶음 승인항목후보 3'(원문 '사진 작게, 글 옆에 (권장)') 반영.
      col-label(사진1-4)·col-title(글5-12, drafts/A/style.css 것)·col-1-12(사진 없는 자리 전체폭)를 그대로 재사용하고,
      이 틀에서만 쓰는 .case-text(제목·본문 타이포)만 새로 둔다.
   2) 섹션4 확인목록 — .section-label(진행표.json 승인[] 승인항목후보4 '짧은 섹션 제목 넣음') 추가.
   3) judge_type_pages.json T2(li[area.checklist.item] line-height 미지정) — 공용 파일(drafts/A/style.css)을 고치지 않고
      이 틀 전용 css에서만 .process__list--inline li에 줄간격을 지정한다(제목 역할, var(--lh-subhead) — 기존에 h3 제목 역할에 쓰던 같은 토큰 재사용). */

.case-text h3 { font-size: var(--fs-17); line-height: var(--lh-subhead); font-weight: 600; margin: 0 0 var(--sp-8); }
.case-text p { font-size: var(--fs-14); line-height: var(--lh-body); color: var(--c-muted); margin: 0; }

.section-label { font-size: var(--fs-13); font-weight: 600; color: var(--color-accent); line-height: var(--lh-head); margin: var(--sp-8) 0 0; }

/* judge_type_pages.json area-A T2 — li[data-slot="area.checklist.item"] line-height 미지정(normal) 걸림 해소.
   drafts/A/style.css .process__list--inline은 그대로 두고, 이 선택자만 이 페이지 안에서 더 특이도 높게 재지정한다. */
section[data-section="area.checklist"] .process__list--inline li { line-height: var(--lh-subhead); }

/* 3회차 수정(사장님 승인 — 진행표 승인[] 'JD6 틀 묶음 2회차 승인항목후보' 원문 '글 폭을 읽기 좋게 제한 (권장)'):
   사진 없는 사례(1·4번째, .col-1-12.case-text)가 1280에서 글 전체폭(약 100자/줄)이라 사진 있는 사례의 글 칸(col-title, 5-12=8칸)과
   같은 폭(8칸)으로 제한한다. 왼쪽 시작선은 그대로 1번째 칸에 둔다 — col-title처럼 5번째 칸에서 시작하지 않고 1/9로만 좁힌다.
   drafts/A/style.css의 기존 12칸 그리드값(1/9, col-1-8과 동일 폭)만 재사용 — 새 그리드·새 수치 발명 0.
   640px 이하(390)에는 적용하지 않아 '390은 그대로 1열'(.col-1-12 기본값 1/13) 그대로 유지된다. */
@media (min-width: 641px) {
  section[data-section="area.case"] .col-1-12.case-text { grid-column: 1 / 9; }
}