/* 소화기 클리닉 4개 페이지 공용. 글자 크기는 page-typography 토큰을 따른다. */
.jik-sub--digestive { --sub-accent-dark:#70994e; color:#5f5651; word-break:keep-all; overflow-wrap:break-word; }
.jik-sub--digestive .jik-container { max-width:1284px; padding-inline:24px; }
.jik-sub--digestive p { line-height:1.85; }
.jik-sub--digestive h3 { font-size:var(--jik-type-item); line-height:1.45; }
.jik-sub--digestive img { display:block; max-width:100%; height:auto; }
.digestive-intro { text-align:center; padding-top:52px; padding-bottom:34px; }
.digestive-intro h1 { font-size:var(--jik-type-page-title); font-weight:900; line-height:1.2; color:#302a29; letter-spacing:-.06em; }
.digestive-intro p { margin-top:12px; font-size:var(--jik-type-page-lead); color:#827b77; }
.digestive-banner { background:#413735; color:#fffce2; }
.digestive-banner--2 { background:#f7b25f; color:#3f322c; }
.digestive-banner--3 { background:#556f35; }
.digestive-banner > div { display:grid; grid-template-columns:1fr 24.6%; align-items:center; gap:28px; min-height:15.9vw; padding-left:11.6%; }
.digestive-banner h2 { font-size:clamp(22px,2.28vw,44px); line-height:1.35; padding-top:0; }
.digestive-banner h2 span { font-weight:400; }
.digestive-banner ul { display:grid; grid-template-columns:1fr; gap:0; padding:18px 0 0; line-height:clamp(20px,1.29vw,26px); font-size:clamp(13px,0.74vw,15px); }
.digestive-banner li::before { content:'• '; }
.digestive-banner img { width:100%; }
.digestive-section { padding-block:64px; scroll-margin-top:65px; }
.digestive-section .jik-sub-heading { margin-bottom:36px; }
.digestive-section .jik-sub-heading > p { font-size:var(--jik-type-section-sub); margin-bottom:12px; }
.digestive-copy { text-align:center; }
.digestive-copy p + p { margin-top:24px; }
.digestive-copy--after { margin-top:30px; }
.digestive-lead { color:var(--sub-accent-dark); font-weight:700; font-size:var(--jik-type-emphasis); }
.digestive-media { display:grid; grid-template-columns:minmax(0,44%) minmax(0,1fr); gap:36px; align-items:center; }
.digestive-media > img { width:100%; max-height:550px; object-fit:contain; }
.digestive-media .digestive-copy { text-align:left; }
.digestive-tone--tint { background:#f4eff0; }
.digestive-tone--sage { background:#e8e8df; }
.digestive-tone--cream { background:#fff5e3; }
.digestive-tone--brown { background:#655044; color:#fff9e9; }
.digestive-tone--blue { background:#49b0ed; color:#fff; }
.digestive-tone--navy { background:#0d285a; color:#fff; }
.digestive-tone--dark { background:#303231; color:#fff; }
.digestive-tone--paper { background:linear-gradient(#fff9,#fff9),#c5b174 url('../img/page/digestive/paper.webp') center/cover no-repeat; color:#423124; }
.digestive-tone--paper .digestive-lead { color:#423124; }
:is(.digestive-tone--brown,.digestive-tone--blue,.digestive-tone--navy,.digestive-tone--dark) :is(h2,h3,.digestive-lead) { color:inherit; }
.digestive-tone--brown .digestive-media { grid-template-columns:minmax(0,1fr) minmax(0,340px); }
.digestive-tone--brown .digestive-media > img { grid-column:2; grid-row:1; }
.digestive-checks { display:grid; grid-template-columns:1fr 1fr; gap:15px 28px; text-align:left; margin:28px 0 0; }
.digestive-checks li { padding-left:25px; position:relative; }
.digestive-checks li::before { content:'✓'; position:absolute; left:0; color:#70994e; font-weight:900; }
.digestive-flow { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; gap:24px; margin:36px 0; }
.digestive-flow li { flex:1 1 145px; max-width:240px; aspect-ratio:1; border-radius:50%; background:#75994f; color:#fff; padding:24px; display:grid; place-items:center; text-align:center; font-weight:700; border:6px double #fff; outline:3px solid #75994f; line-height:1.6; }
.digestive-flow li:nth-child(even) { background:#879549; outline-color:#879549; }
.digestive-hexagons { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin:36px auto 0; max-width:1040px; }
.digestive-hexagons li { border-radius:20%; padding:32px; text-align:center; background:#fff; border:14px solid #75934f; }
.digestive-hexagons li:nth-child(even) { border-color:#544341; }
.digestive-hexagons p { margin-top:14px; }
.digestive-cards { display:grid; grid-template-columns:repeat(var(--columns,3),minmax(0,1fr)); gap:24px; margin-top:36px; }
.digestive-cards img { width:100%; }
.digestive-cards h3 { padding:17px 18px; background:#749a50; color:#fff; text-align:center; }
.digestive-cards p { padding:16px 0 0; }
.digestive-steps { margin-top:36px; border:1px solid #ccc; }
.digestive-steps li { display:grid; grid-template-columns:23% 1fr; border-bottom:1px solid #ccc; }
.digestive-steps li:last-child { border:0; }
.digestive-steps h3 { padding:28px; display:grid; place-items:center; text-align:center; color:#fff; background:#759a50; }
.digestive-steps li:nth-child(2) h3 { background:#42b09f; }
.digestive-steps li:nth-child(3) h3 { background:#1daed8; }
.digestive-steps p { padding:26px 32px; }
.digestive-numbered { counter-reset:exam; background:#759a50; color:#fff; border-radius:30px; margin-top:32px; padding:32px 7%; }
.digestive-numbered li { counter-increment:exam; display:grid; grid-template-columns:60px 1fr; gap:10px; align-items:center; padding:5px 0; line-height:1.8; }
.digestive-numbered li::before { content:counter(exam,decimal-leading-zero); font-weight:900; font-size:var(--jik-type-section-sub); color:#fffcc6; text-align:center; padding-right:2px; }
.digestive-after { text-align:center; margin-top:34px; font-size:var(--jik-type-emphasis); font-weight:700; }
.digestive-table { margin-top:32px; }
.digestive-table table { width:100%; border-collapse:collapse; background:#fff; color:#51483d; }
.digestive-table :is(th,td) { border:1px solid #d6d1c5; padding:16px; text-align:center; line-height:1.7; }
.digestive-table thead { background:#8f8154; color:#fff; }
.digestive-quality { display:grid; grid-template-columns:1fr 1fr; gap:0; max-width:1040px; margin:36px auto 0; background:#a88c60; }
.digestive-quality img { width:100%; height:auto; object-fit:contain; align-self:start; }
.digestive-quality > div { display:flex; flex-direction:column; }
.digestive-quality > div img { margin-top:auto; }
.digestive-quality h3 { padding:24px 28px 0; }
.digestive-quality p { padding:14px 28px 24px; color:#fff; }
.digestive-logos { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; margin-top:38px; text-align:center; }
.digestive-logos img { margin:0 auto 15px; width:170px; height:150px; object-fit:contain; }
.digestive-doctors { display:grid; grid-template-columns:28% 44% 28%; grid-template-rows:1fr 1fr; margin-top:30px; }
.digestive-doctors img { width:100%; height:100%; object-fit:cover; }
.digestive-doctors img:nth-child(2) { grid-row:2; }
.digestive-doctors img:nth-child(3) { grid-column:2; grid-row:1/3; }
.digestive-contacts { display:grid; grid-template-columns:1fr 1fr; border-block:5px solid #759a50; margin:32px 0; background:#f4eff0; padding:32px 0; text-align:center; }
.digestive-contacts > div + div { border-left:1px solid #777; }
.digestive-contacts a { display:block; margin-top:16px; font-size:var(--jik-type-section-sub); color:#302927; font-weight:800; }
.digestive-timeline { display:flex; gap:24px; border-top:4px solid #98b077; margin:40px 0; padding-top:20px; }
.digestive-timeline li { flex:1; text-align:center; }
.digestive-timeline h3 { color:#759a50; }
.digestive-graph { border:1px solid #ddd; padding:30px; margin-top:30px; text-align:center; }
.digestive-graph svg { width:100%; height:auto; }
.digestive-cancer-chart { display:grid; grid-template-columns:1fr 1fr; gap:38px; align-items:center; margin-top:34px; }
.digestive-cancer-chart li { display:grid; grid-template-columns:100px 1fr; gap:12px; align-items:center; margin-top:9px; }
.digestive-cancer-chart i { display:block; height:15px; background:repeating-linear-gradient(90deg,#759a50 0 15px,transparent 15px 18px); }
.digestive-cancer-chart i + i { background:repeating-linear-gradient(90deg,#a4cb7b 0 15px,transparent 15px 18px); }
.digestive-cancer-chart dl { display:flex; justify-content:space-around; gap:20px; margin-top:32px; text-align:center; }
.digestive-cancer-chart dd { color:#759a50; font-size:var(--jik-type-section-sub); font-weight:800; }
.digestive-cancer-chart figcaption { grid-column:1/-1; text-align:center; font-size:var(--jik-type-source); }
.digestive-chart-axis { font-size:var(--jik-type-source); text-align:right; }
.digestive-chart-legend { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; margin-bottom:30px; }
.digestive-chart-legend li::before { content:''; display:inline-block; width:15px; height:15px; margin-right:8px; background:#8eb170; }
.digestive-chart-legend li:nth-child(2)::before { background:#557f38; }
.digestive-chart-legend li:nth-child(3)::before { background:#a6ce78; }
.digestive-chart-legend li:nth-child(4)::before { background:#a7ad36; }
.digestive-chart-groups { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; max-width:920px; margin:auto; text-align:center; }
.digestive-chart-bars { height:300px; display:flex; gap:3px; align-items:end; border-bottom:2px solid #555; background:repeating-linear-gradient(0deg,transparent 0 59px,#d8d2ce 59px 60px); }
.digestive-chart-bars span { flex:1; height:var(--bar); background:#8eb170; border:2px solid #544341; position:relative; }
.digestive-chart-bars span:nth-child(2) { background:#557f38; }.digestive-chart-bars span:nth-child(3) { background:#a6ce78; }.digestive-chart-bars span:nth-child(4) { background:#a7ad36; }
.digestive-chart-bars b { position:absolute; top:-28px; left:50%; transform:translateX(-50%); white-space:nowrap; }
@media(max-width:1100px) {
 .digestive-banner ul { grid-template-columns:1fr; }
 .digestive-cards { gap:18px; }
 .digestive-hexagons { gap:16px; }.digestive-hexagons li { padding:22px; border-width:8px; }
}
@media(max-width:767px) {
 .jik-sub--digestive .jik-container { padding-inline:20px; }
 .digestive-intro { padding-top:var(--jik-page-mobile-top,44px); padding-bottom:30px; }
 .digestive-section { padding-block:42px; }
 .digestive-banner > div,.digestive-media,.digestive-tone--brown .digestive-media { grid-template-columns:1fr; }
 .digestive-banner img { max-width:440px; margin:auto; }
 .digestive-banner h2 { padding-top:28px; }.digestive-banner ul { padding-bottom:0; }
 .digestive-media { gap:26px; }.digestive-media > img { max-height:380px; }.digestive-tone--brown .digestive-media > img { grid-column:auto; grid-row:auto; max-width:270px; margin:auto; }
 .digestive-checks { grid-template-columns:1fr; }
 .digestive-flow { gap:22px; }.digestive-flow li { flex-basis:calc(50% - 22px); padding:14px; font-size:var(--jik-type-body); }
 .digestive-hexagons { grid-template-columns:1fr 1fr; }.digestive-hexagons li { border-radius:20px; padding:20px 12px; }.digestive-hexagons h3 { font-size:var(--jik-type-subtitle); }
 .digestive-cards { grid-template-columns:1fr; gap:32px; }
 .digestive-steps li { grid-template-columns:1fr; }.digestive-steps h3 { padding:18px; }.digestive-steps p { padding:20px; }
 .digestive-numbered { padding:22px 20px; }
 .digestive-table :is(th,td) { padding:12px 8px; }
 .digestive-quality { grid-template-columns:1fr; }.digestive-quality img { height:auto; }.digestive-quality > div img { flex:none; }
 .digestive-logos { grid-template-columns:1fr 1fr; gap:24px 16px; }.digestive-logos img { width:135px; height:125px; }
 .digestive-contacts { grid-template-columns:1fr; padding:0; }.digestive-contacts > div { padding:25px 12px; }.digestive-contacts > div + div { border-left:0; border-top:1px solid #ccc; }
 .digestive-timeline { flex-direction:column; border-top:0; border-left:4px solid #98b077; padding-left:22px; }.digestive-timeline li { text-align:left; }
 .digestive-graph { padding:22px 14px; }.digestive-cancer-chart { grid-template-columns:1fr; }.digestive-chart-groups { gap:16px; }.digestive-chart-bars { height:190px; }
 .digestive-chart-bars b { font-size:var(--jik-type-note); }
}