/* 모든 안내 페이지의 역할별 글자 크기. 장식 숫자·도해 라벨은 별도 비례 규칙 사용.
   이 파일이 페이지 CSS 보다 뒤에 로드되므로(functions.php) 같은 특이성이면 여기 값이 이긴다 — 크기는 여기서만 바꾼다.

   [섹션 제목 규칙 — 2026-09-20 원본 실측]
   원본 섹션 제목(h2)은 글리프 높이 42~46px, 부제(span)는 25~30px 이다 (1-4-3 / 1-2-2 / 1-2-3 / 1-2-1 픽셀 측정, 컨테이너 1184 환산).
   → h2 48px/800, 부제 30px/400. 37/19 는 원본보다 한 단계 작아 "샘플보다 작다"는 피드백이 반복됐다.
   부제 토큰은 --jik-type-subtitle(카드 소제목 19px)과 별개로 --jik-type-section-sub 를 쓴다. */
:root {
 --jik-type-page-title:clamp(42px,4vw,62px);
 --jik-type-page-lead:22px;
 --jik-type-section:48px;
 --jik-type-section-sub:30px;
 --jik-type-item:24px;
 --jik-type-subtitle:19px;
 --jik-type-emphasis:19px;
 --jik-type-body:18px;
 --jik-type-faq:18px;
 --jik-type-note:13px;
 --jik-type-source:12px;
 --jik-type-toc:13px;
}
@media (max-width:1100px) {
 :root { --jik-type-section:38px; --jik-type-section-sub:24px; --jik-type-item:22px; }
}
@media (max-width:767px) {
 :root { --jik-type-page-title:32px; --jik-type-page-lead:17px; --jik-type-section:30px; --jik-type-section-sub:19px; --jik-type-item:21px; --jik-type-subtitle:17px; --jik-type-emphasis:17px; --jik-type-faq:16px; }
}
:is(.jik-sanchwi,.jik-sub) { font-size:var(--jik-type-body); }
.jik-sanchwi .jik-sanchwi-opening h1,
.jik-sub .system-page-intro h1,
.jik-sub .jik-sub-opening__head h1 { font-size:var(--jik-type-page-title); font-weight:900; line-height:1.2; }
.jik-sanchwi .jik-sanchwi-opening header > p,
.jik-sub .system-page-intro > p { font-size:var(--jik-type-page-lead); font-weight:400; line-height:1.6; }
.jik-sanchwi .jik-sanchwi-heading h2,
.jik-sanchwi .jik-sanchwi-hero__title h2,
.jik-sanchwi .jik-sanchwi-research h2,
.jik-sub .jik-sub-heading h2,
.jik-sub .jik-sub-band h2,
.jik-sub .jik-sub-opening__head h2 { font-size:var(--jik-type-section); font-weight:800; line-height:1.3; letter-spacing:-.055em; word-break:keep-all; }
.jik-sanchwi .jik-sanchwi-heading > span,
.jik-sub .jik-sub-heading > span { font-size:var(--jik-type-section-sub); font-weight:400; line-height:1.5; letter-spacing:-.05em; word-break:keep-all; }
.jik-sanchwi .jik-organ__body h4,
.jik-sanchwi .jik-organ__title,
:is(.jik-sanchwi,.jik-sub) .jik-sub-quality__grid h3,
.jik-sub .jik-sub-media__body h3,
.jik-sub--system #features h3,
.jik-sub .jik-sub-steps h3 { font-size:var(--jik-type-item); font-weight:800; line-height:1.4; }
.jik-sanchwi .jik-sanchwi-hero__copy > p,
.jik-sanchwi .jik-sanchwi-causes__copy > p,
.jik-sanchwi .jik-organ__body > p,
.jik-sanchwi .jik-check-list span,
.jik-sanchwi .jik-sanchwi-research__copy > p:not(.jik-sanchwi-kicker),
:is(.jik-sanchwi,.jik-sub) .jik-sub-quality__grid p,
.jik-sub .jik-sub-prose p,
.jik-sub .jik-sub-media__body p,
.jik-sub .jik-sub-steps p,
.jik-sub .jik-sub-band__inner > p:not(.jik-sub-band__sub),
:is(.jik-sanchwi,.jik-sub) .jik-faq-list details p { font-size:var(--jik-type-body); font-weight:400; line-height:1.85; }
.jik-sanchwi .jik-sanchwi-hero__copy > .jik-sanchwi-lead,
.jik-sanchwi .jik-sanchwi-causes__copy > .jik-sanchwi-intro { font-size:var(--jik-type-emphasis); font-weight:700; }
:is(.jik-sanchwi,.jik-sub) .jik-faq-list summary { font-size:var(--jik-type-faq); font-weight:700; }
:is(.jik-sanchwi,.jik-sub) .jik-medical-note { font-size:var(--jik-type-note); }
.jik-sanchwi .jik-sanchwi-source,
.jik-sub .jik-sub-source { font-size:var(--jik-type-source); }
.jik-sanchwi .jik-sanchwi-toc a,
.jik-sub .jik-sub-toc a { font-size:var(--jik-type-toc); font-weight:500; }

/* 큰 섹션 제목의 번호: 제목 크기에 비례하며 같은 행의 중앙에 정렬한다. */
.jik-sub-heading h2:has(> .jik-sub-badge) { display:flex; align-items:center; justify-content:center; gap:12px; }
.jik-sub-heading__label { flex:0 1 auto; }
.jik-sub-heading__label br { display:none; }
@media(max-width:767px) { .jik-sub-heading__label br { display:initial; } }
.jik-sub-heading h2 > .jik-sub-badge { flex:0 0 calc(var(--jik-type-section) * .92); width:calc(var(--jik-type-section) * .92); height:calc(var(--jik-type-section) * .92); margin:0; padding:1px 0 0; font-size:calc(var(--jik-type-section) * .56); }

/* ── 명조(디스플레이) 역할 ─────────────────────────────────────────────
   캐치 카피·인용문·배너 헤드라인처럼 "말을 거는" 문장은 나눔명조(--jik-font-serif).
   섹션 제목 h2(정보 구조)·본문·표·버튼은 고딕 그대로 — 둘을 섞지 않는 게 규칙.
   기존 명조: 공통 하단 배너 h2, 86% 인용, 단계 캡슐 한자명, 기둥 카드 제목, 그래프 "입냄새 완전 극복",
   자가진단 기술력 카드, 산취탕 kicker·quality lead. 아래는 같은 역할인데 고딕이던 곳. */
.jik-sub .jik-sub-band h2,
.jik-sub .jik-sub-band__sub,
.jik-sub #process .jik-sub-lead q,
.jik-sub--check .check-test-heading h2,
.jik-sub--check .check-result-heading h2,
.jik-sub--check .check-lead,
.jik-sanchwi .jik-sanchwi-hero__copy > .jik-sanchwi-lead { font-family:var(--jik-font-serif); letter-spacing:-.03em; }
.jik-sub .jik-sub-band h2 { font-weight:800; }
.jik-sub .jik-sub-band__sub,
.jik-sub--check .check-test-heading h2,
.jik-sub--check .check-result-heading h2 { font-weight:400; }
.jik-sub #process .jik-sub-lead q,
.jik-sub--check .check-lead,
.jik-sanchwi .jik-sanchwi-hero__copy > .jik-sanchwi-lead { font-weight:700; }

/* 목차 클릭 시 고정 목차 아래로 제목이 드러나도록 여유를 둔다. */
:is(.jik-sub,.jik-sanchwi) section[id] { scroll-margin-top:76px; }