/* ============================================================
   internal(한방내과) P3 Humanize — body.internal-p2
   phase1.css + pain-p2.css 위에 얹힌다. (전역 파일 수정 금지)
   방향: 페이지별 composition 분리 · 카드/스텝 해체 · 편집형 재구성
         타이포 확대 + 수직 밀도 압축(15~25%)
   페이지 시그니처:
   - index    : 대형 선언 + 비균질 편집 디렉토리
   - digestive: 세로 라벨 칼럼 + 증상 용어 사전(broken grid) + 문진 대장
   - rhinitis : '언제 심해지는가' 장면 3열(비대칭) + 점선 리더 목차
   - sleep    : 대형 인용 1 + 소형 인용 4, 좁은 prose 칼럼, 하루 리듬 리본
   - facial   : 다크 안내 밴드 + 대형 세로 체크 리스트 + 경과 타임라인
   ============================================================ */

/* ---------- 공통 밀도: pain-p2 대비 압축 ---------- */
body.internal-p2 .section-pad{padding:70px 0}
body.internal-p2 .section-pad-sm{padding:52px 0}
body.internal-p2 .section-pad-sm.pad-tight{padding:42px 0}
body.internal-p2 .head-block{margin-bottom:28px}
body.internal-p2 .head-block p{font-size:1.08rem;max-width:720px}
body.internal-p2 .page-hero{padding:110px 0 40px}
body.internal-p2 .page-hero p{font-size:1.16rem;max-width:740px}

/* ---------- FAQ: 후반 존재감 축소 (밀도·폭만 조정, 전역 구조 불변) ---------- */
body.internal-p2 .faq-item{margin-bottom:8px;max-width:900px}
body.internal-p2 .faq-q{font-size:1.12rem;padding:16px 20px}
body.internal-p2 .faq-a{font-size:1rem}
body.internal-p2 .faq-a p{max-width:740px}

/* ---------- 공통: 대형 스테이트먼트 (42~58px대) ---------- */
.i3-stmt{font-size:clamp(2.35rem,3.8vw,3.4rem);line-height:1.2;letter-spacing:-.032em;font-weight:800;color:var(--charcoal);max-width:1060px;margin-bottom:0}

/* 본문 오프셋: 축은 h1/h2가 지키고, 읽기 칼럼은 우측으로 흘린다 */
.i3-offset{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);margin-top:34px}
.i3-offset .lead{grid-column:2;max-width:660px;font-size:1.16rem;line-height:1.82;color:var(--ink-soft)}
.i3-offset .lead p{margin-bottom:16px}
.i3-offset .lead p:last-child{margin-bottom:0}
.i3-offset .lead b{color:var(--charcoal)}
@media(max-width:900px){.i3-offset{grid-template-columns:1fr;margin-top:24px}.i3-offset .lead{grid-column:1}}

/* ============================================================
   index — 편집형 디렉토리 (4개 진료가 서로 다른 밀도/폭을 가진다)
   ============================================================ */
.i3-dir{border-top:1px solid var(--line)}
.i3-dir > a{display:grid;grid-template-columns:88px minmax(0,1fr) 48px;gap:0 28px;padding:34px 4px;border-bottom:1px solid var(--line-soft);align-items:start;transition:.2s}
.i3-dir .no{font-size:1rem;font-weight:750;color:var(--text-mute);font-variant-numeric:tabular-nums;padding-top:10px}
.i3-dir h3{letter-spacing:-.025em;transition:.2s}
.i3-dir p{font-size:1.1rem;color:var(--text-soft);line-height:1.75;max-width:700px;margin-top:8px}
.i3-dir .kw{display:block;margin-top:12px;font-size:.95rem;font-weight:600;color:var(--olive-700);letter-spacing:.01em}
.i3-dir .go{color:var(--line);font-weight:700;font-size:1.3rem;padding-top:10px;transition:.2s;text-align:right}
.i3-dir > a:hover h3{color:var(--olive-800)}
.i3-dir > a:hover .go{color:var(--olive-700);transform:translateX(4px)}
/* 항목별 위계 차등: 나열형 카드가 아니라 목차의 강약 */
.i3-dir .d1 h3{font-size:clamp(1.9rem,2.8vw,2.5rem)}
.i3-dir .d2 h3,.i3-dir .d3 h3{font-size:clamp(1.55rem,2.2vw,2rem)}
.i3-dir .d4 h3{font-size:clamp(1.4rem,2vw,1.75rem)}
.i3-dir .d3 .q{display:block;font-size:1.22rem;font-weight:650;color:var(--charcoal);margin-top:10px}
.i3-dir .d3 .q::before{content:"“"}
.i3-dir .d3 .q::after{content:"”"}
.i3-dir .d4{border-left:3px solid var(--olive-600);padding-left:20px}
.i3-dir .d4 .note{display:inline-block;margin-top:10px;font-size:.92rem;font-weight:700;color:var(--olive-800)}
@media(max-width:760px){.i3-dir > a{grid-template-columns:1fr;gap:4px;padding:26px 4px}.i3-dir .no{padding-top:0}.i3-dir .go{display:none}.i3-dir .d4{padding-left:16px}}

/* index 진료 방식: 스텝 카드 해체 → 본문 속 번호 문단 */
.i3-how{max-width:760px}
.i3-how p{position:relative;padding:0 0 18px 58px;font-size:1.12rem;line-height:1.8;color:var(--ink-soft)}
.i3-how p b{color:var(--charcoal)}
.i3-how p .n{position:absolute;left:0;top:2px;font-size:1.6rem;font-weight:800;color:var(--olive-600);letter-spacing:-.02em}
.i3-how .aside{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:1rem;color:var(--text-soft);line-height:1.8;max-width:720px}
.i3-how .aside b{color:var(--olive-800)}

/* ============================================================
   digestive — 세로 섹션 라벨 + 용어 사전 + 문진 대장
   ============================================================ */
/* 세로 라벨 칼럼 인트로 (잡지의 섹션 마커) */
.i3-splitlab{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 40px}
.i3-splitlab .lab{font-size:.92rem;font-weight:750;color:var(--olive-700);letter-spacing:.06em;border-top:2px solid var(--charcoal);padding-top:12px}
.i3-splitlab .body h2{font-size:clamp(2.05rem,3.6vw,2.8rem);margin-bottom:20px}
.i3-splitlab .body p{max-width:680px;font-size:1.13rem;line-height:1.84;color:var(--ink-soft);margin-bottom:15px}
.i3-splitlab .body p:last-child{margin-bottom:0}
.i3-splitlab .body p strong{color:var(--charcoal)}
@media(max-width:820px){.i3-splitlab{grid-template-columns:1fr;gap:18px}.i3-splitlab .lab{border-top:none;border-bottom:2px solid var(--charcoal);padding:0 0 10px}}

/* 증상 용어 사전: 넓이가 어긋나는 broken grid */
.i3-lex{display:grid;grid-template-columns:repeat(12,1fr);gap:0 44px;border-top:1px solid var(--line)}
.i3-lex > div{padding:26px 4px 24px;border-bottom:1px solid var(--line-soft)}
.i3-lex > div:nth-child(4n+1){grid-column:span 7}
.i3-lex > div:nth-child(4n+2){grid-column:span 5}
.i3-lex > div:nth-child(4n+3){grid-column:span 5}
.i3-lex > div:nth-child(4n+4){grid-column:span 7}
.i3-lex .cue{display:block;font-size:1rem;color:var(--text-soft);margin-bottom:6px;line-height:1.6}
.i3-lex h3{font-size:clamp(1.5rem,2.2vw,1.95rem);letter-spacing:-.025em}
@media(max-width:820px){.i3-lex{grid-template-columns:1fr}.i3-lex > div{grid-column:span 1!important;padding:20px 4px 18px}}

/* 문진 대장: 좌 문진 항목(58) / 우 식사·생활 prose(42) */
.i3-ledger{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:0 clamp(40px,5vw,88px);align-items:start}
.i3-ledger .col-h{font-size:1.35rem;font-weight:750;letter-spacing:-.02em;color:var(--charcoal);margin-bottom:18px}
.i3-ledger .items{border-top:1px solid var(--line)}
.i3-ledger .items > div{display:flex;gap:18px;align-items:baseline;padding:14px 4px;border-bottom:1px solid var(--line-soft)}
.i3-ledger .items h4{font-size:1.08rem;flex:none;min-width:128px}
.i3-ledger .items p{font-size:.98rem;color:var(--text-soft)}
.i3-ledger .prose-col p{font-size:1.08rem;line-height:1.85;color:var(--ink-soft);margin-bottom:14px}
.i3-ledger .prose-col p b{color:var(--charcoal);font-weight:700}
.i3-ledger .prose-col .fine{font-size:.95rem;color:var(--text-mute);line-height:1.75;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line-soft)}
@media(max-width:900px){.i3-ledger{grid-template-columns:1fr;gap:36px}}

/* 치료 보조 rows (썸네일 없는 텍스트 행) */
.i3-tx-rows{border-top:1px solid var(--line);max-width:900px}
.i3-tx-rows > div{display:flex;gap:24px;align-items:baseline;padding:19px 4px;border-bottom:1px solid var(--line-soft)}
.i3-tx-rows h4{font-size:1.18rem;flex:none;min-width:132px}
.i3-tx-rows p{font-size:1.04rem;color:var(--text-soft);line-height:1.7}
@media(max-width:640px){.i3-tx-rows > div{flex-direction:column;gap:5px}.i3-tx-rows h4{min-width:0}}

/* 낮은 위계 안내 (회복 기간 등 — 시각 강조 금지 영역) */
.i3-fine{max-width:720px;margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}
.i3-fine .lbl{font-size:.88rem;font-weight:750;color:var(--text-mute);margin-bottom:8px}
.i3-fine p{font-size:.96rem;color:var(--text-soft);line-height:1.8}

/* ============================================================
   rhinitis — '언제 심해지는가' 장면 3열 + 점선 리더 목차
   ============================================================ */
.i3-when{display:grid;grid-template-columns:5fr 4fr 4fr;gap:0 clamp(32px,4vw,64px)}
.i3-when .scene{border-top:2px solid var(--charcoal);padding-top:16px}
.i3-when .scene:nth-child(2){border-top-color:var(--olive-600)}
.i3-when .scene:nth-child(3){border-top-color:var(--line)}
.i3-when h3{font-size:clamp(1.45rem,2.1vw,1.8rem);letter-spacing:-.025em;margin-bottom:16px}
.i3-when li{list-style:none;font-size:1.1rem;line-height:1.7;color:var(--ink);padding:11px 0;border-bottom:1px solid var(--line-soft)}
.i3-when li:last-child{border-bottom:none}
@media(max-width:860px){.i3-when{grid-template-columns:1fr;gap:30px}}

/* 점선 리더 목차 (문진에서 확인하는 것) */
.i3-toc{max-width:780px}
.i3-toc > div{display:flex;align-items:baseline;gap:14px;padding:12px 0}
.i3-toc h4{font-size:1.12rem;flex:none}
.i3-toc .dots{flex:1;border-bottom:1px dotted var(--line);transform:translateY(-4px)}
.i3-toc p{font-size:1rem;color:var(--text-soft);flex:none;max-width:56%;text-align:right}
@media(max-width:640px){.i3-toc > div{flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.i3-toc .dots{display:none}.i3-toc p{max-width:none;text-align:left}}

/* 생활관리 문단형 (볼드 리드인 prose) */
.i3-careprose{max-width:720px}
.i3-careprose p{font-size:1.1rem;line-height:1.9;color:var(--ink-soft);margin-bottom:14px}
.i3-careprose p b{color:var(--charcoal)}

/* ============================================================
   sleep — 대형 인용 + 좁은 prose 칼럼 + 하루 리듬 리본
   ============================================================ */
.i3-quotes .feature{font-size:clamp(2.2rem,3.6vw,3.2rem);line-height:1.28;letter-spacing:-.03em;font-weight:800;color:var(--charcoal);max-width:1000px}
.i3-quotes .feature::before{content:"“";color:var(--olive-600)}
.i3-quotes .feature::after{content:"”";color:var(--olive-600)}
.i3-quotes ul{margin-top:30px;max-width:760px}
.i3-quotes li{list-style:none;font-size:1.28rem;font-weight:650;line-height:1.5;color:var(--ink-soft);padding:13px 0 13px 26px;position:relative}
.i3-quotes li::before{content:"—";position:absolute;left:0;color:var(--olive-600)}
@media(max-width:640px){.i3-quotes li{font-size:1.12rem}}

/* 좁은 prose 칼럼 (수면 페이지의 기본 리듬) */
.i3-narrow{max-width:660px}
.i3-narrow h2{font-size:clamp(1.95rem,3.2vw,2.6rem);margin-bottom:18px}
.i3-narrow p{font-size:1.13rem;line-height:1.86;color:var(--ink-soft);margin-bottom:15px}
.i3-narrow p b{color:var(--charcoal)}
.i3-narrow .aside{font-size:.98rem;color:var(--text-mute);border-left:2px solid var(--line);padding-left:18px;margin-top:20px;line-height:1.75}

/* 런인 정의 리스트 (문진 확인 — 번호/스텝 시각 없이) */
.i3-dl{max-width:660px;border-top:1px solid var(--line)}
.i3-dl > div{padding:17px 0;border-bottom:1px solid var(--line-soft)}
.i3-dl h4{display:inline;font-size:1.12rem;color:var(--charcoal)}
.i3-dl h4::after{content:" — ";color:var(--olive-600)}
.i3-dl p{display:inline;font-size:1.05rem;color:var(--text-soft);line-height:1.75}

/* 하루 리듬 리본 (시간대 대형 라벨) */
.i3-day{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.i3-day > div{padding:22px 26px 6px 0;margin-right:26px;border-right:1px dotted var(--line)}
.i3-day > div:last-child{border-right:none;margin-right:0;padding-right:0}
.i3-day .t{font-size:clamp(1.5rem,2.2vw,1.9rem);font-weight:800;letter-spacing:-.02em;color:var(--olive-800);margin-bottom:10px}
.i3-day h4{font-size:1.1rem;margin-bottom:7px}
.i3-day p{font-size:1rem;color:var(--text-soft);line-height:1.7}
@media(max-width:900px){.i3-day{grid-template-columns:1fr 1fr;gap:24px 0}.i3-day > div:nth-child(2n){border-right:none}}
@media(max-width:600px){.i3-day{grid-template-columns:1fr}.i3-day > div{border-right:none;border-bottom:1px dotted var(--line);margin:0;padding:18px 0 16px}.i3-day > div:last-child{border-bottom:none}}

/* ============================================================
   facial — 다크 안내 밴드 + 대형 세로 체크 + 경과 강조
   ============================================================ */
.i3-alert{background:var(--charcoal-green);padding:46px 0}
.i3-alert .lbl{font-size:.92rem;font-weight:750;color:#C9BFA6;letter-spacing:.05em;margin-bottom:12px}
.i3-alert p{font-size:clamp(1.18rem,1.8vw,1.42rem);line-height:1.75;color:#F2F0EA;max-width:900px;font-weight:550}
.i3-alert p b{color:#fff;font-weight:750}

.i3-article{max-width:760px}
.i3-article h2{font-size:clamp(2.05rem,3.6vw,2.8rem);margin-bottom:22px}
.i3-article p{font-size:1.14rem;line-height:1.88;color:var(--ink-soft);margin-bottom:16px}
.i3-article p b{color:var(--charcoal)}

/* 대형 세로 체크 리스트 (내과 내 유일한 굵은 좌측 룰) */
.i3-signs{max-width:880px;border-left:3px solid var(--charcoal);padding-left:clamp(22px,3vw,40px)}
.i3-signs li{list-style:none;font-size:clamp(1.2rem,1.9vw,1.5rem);font-weight:650;line-height:1.5;color:var(--charcoal);padding:15px 0;border-bottom:1px solid var(--line-soft)}
.i3-signs li:last-child{border-bottom:none}

/* 경과 타임라인 국면명 확대 (facial 전용 보정) */
body.internal-p2 .i3-course .p1-tl h4{font-size:1.4rem;letter-spacing:-.02em}
body.internal-p2 .i3-course .p1-tl p{font-size:1.02rem;max-width:480px}

/* 치료 + 회복기 관리 2열 대장 */
.i3-duocol{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(44px,5vw,96px)}
.i3-duocol .col-h{font-size:1.3rem;font-weight:750;letter-spacing:-.02em;margin-bottom:14px}
.i3-duocol .rows{border-top:1px solid var(--line)}
.i3-duocol .rows > div{padding:15px 4px;border-bottom:1px solid var(--line-soft)}
.i3-duocol h4{font-size:1.08rem;margin-bottom:4px}
.i3-duocol p{font-size:.99rem;color:var(--text-soft);line-height:1.7}
@media(max-width:860px){.i3-duocol{grid-template-columns:1fr;gap:34px}}

/* ---------- 모션 절제 ---------- */
@media(prefers-reduced-motion:reduce){
  body.internal-p2 .reveal{opacity:1;transform:none;transition:none}
}