/* 공통 섹션·배지·타이포를 재사용하는 식이/운동 페이지 전용 규칙. */
.jik-sub--diet { --sub-tint:#f4eff0; --sub-accent-dark:#70994e; word-break:keep-all; overflow-wrap:break-word; }
.jik-sub--diet > section { scroll-margin-top:64px; }
.jik-sub--diet > section > .jik-container { max-width:1224px; width:calc(100% - 160px); padding-inline:20px; }
.jik-sub--diet img { display:block; max-width:100%; height:auto; }
.jik-sub--diet h3 { font-size:var(--jik-type-item); line-height:1.4; }
.jik-sub--diet em { font-style:normal; color:#70994e; }
.jik-sub--diet p { color:#5f5651; line-height:1.85; }
.diet-center { text-align:center; }
.diet-intro { padding-top:64px; text-align:center; }
.diet-intro h1 { font-size:var(--jik-type-page-title); font-weight:900; letter-spacing:-.075em; line-height:1.2; }
.diet-intro p { margin:10px 0 42px; font-size:var(--jik-type-page-lead); color:#847e7a; }
.diet-intro img { width:100%; }
.diet-habit-diagram { position:relative; max-width:1080px; margin:28px auto 0; padding:35px 0 60px 32%; }
.diet-model { position:absolute; bottom:0; left:0; width:38%; z-index:1; }
.diet-circles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.diet-circles li { position:relative; aspect-ratio:1; border-radius:50%; background:#628b3d; color:#fff; display:grid; place-items:center; padding:15%; text-align:center; }
.diet-circles li > span { position:absolute; font:400 clamp(60px,7vw,110px)/1 Arial,sans-serif; opacity:.12; padding-right:2px; }
.diet-circles strong { position:relative; font-size:var(--jik-type-subtitle); line-height:1.4; }
.diet-paper { background:#f4f1f1 url('../img/page/diet-exercise/paper-texture.webp'); padding:48px; }
.diet-rinse-recipes { background-image:url('../img/page/diet-exercise/paper-background.webp'),url('../img/page/diet-exercise/paper-texture.webp'); background-position:right bottom; background-size:100% auto,160px 160px; background-repeat:no-repeat,repeat; }
.diet-habit-details { display:grid; grid-template-rows:repeat(3,auto); grid-auto-flow:column; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 48px; }
.diet-habit-details h3,.diet-rinse-recipes h3 { display:flex; align-items:center; gap:12px; color:var(--sub-accent-dark); margin-bottom:10px; }
.jik-sub--diet .jik-sub-badge { flex-shrink:0; margin:0; padding:0; background:var(--sub-accent-dark); }
.diet-food-section { padding-top:0; }
.diet-foods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; max-width:920px; margin:auto; }
.diet-foods > li { border-radius:48px; overflow:hidden; background:#443a38; }
.diet-foods h3 { padding:20px 12px; color:#fff; text-align:center; }
.diet-food-photo { position:relative; }
.diet-food-photo img { width:100%; }
.diet-food-photo p { position:absolute; inset:0; display:grid; align-content:center; padding:12px; background:#0004; color:#fff; text-align:center; line-height:1.65; }
.diet-teas { display:grid; gap:14px; }
.diet-teas > li { position:relative; display:grid; grid-template-columns:34% 1fr; align-items:center; gap:32px; background:#fff; padding:48px 36px; }
.diet-corner { position:absolute; top:0; left:0; width:68px; height:68px; padding:7px 0 0 15px; font:bold 24px/1 Arial,sans-serif; color:#fff; background:#70994e; clip-path:polygon(0 0,100% 0,0 100%); }
.diet-tea-photo img { width:100%; }
.diet-tea-copy h3 { margin-bottom:10px; }
.diet-tea-copy h4 { font-size:var(--jik-type-subtitle); margin:24px 0 8px; }
.diet-tea-copy h5 { font-size:var(--jik-type-body); font-weight:400; color:#70994e; margin:8px 0 4px; }
.diet-rinse-process { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; gap:9%; max-width:900px; margin:45px auto; }
.diet-rinse-process li { position:relative; text-align:center; }
.diet-rinse-process h3 { min-height:78px; display:flex; flex-direction:column; justify-content:center; padding:16px 10px; background:#443a38; color:#fff; border-radius:40px 40px 0 0; font-size:var(--jik-type-subtitle); }
.diet-rinse-process small { display:block; font-size:var(--jik-type-note); font-weight:400; }
.diet-rinse-process img { width:100%; aspect-ratio:271/189; object-fit:contain; border-radius:0 0 40px 40px; }
.diet-rinse-process li:last-child img { width:auto; aspect-ratio:auto; max-height:215px; margin:auto; border-radius:0; }
.diet-rinse-process li:last-child h3 { background:none; color:#3d3634; }
.diet-rinse-process li + li::before { content:'+'; position:absolute; right:100%; width:32.93%; top:50%; transform:translateY(-50%); font:300 40px/1 Arial,sans-serif; }
.diet-rinse-process li:last-child::before { content:'›'; }
.diet-rinse-recipes > li > p { max-width:78%; }
.diet-rinse-recipes > li + li { border-top:1px solid #d9d2cf; margin-top:36px; padding-top:36px; }
.diet-ingredients { display:flex; flex-wrap:wrap; gap:30px; margin-top:28px; }
.diet-ingredients li { position:relative; width:140px; }
.diet-ingredients figure { aspect-ratio:1; display:grid; grid-template-rows:72% 28%; border-radius:50%; overflow:hidden; background:#fff; }
.diet-ingredients img { width:100%; height:100%; min-height:0; object-fit:contain; }
.diet-ingredients figcaption { background:#443a38; color:#fff; text-align:center; padding:5px 0 0; line-height:1.25; }
.diet-ingredients li + li::before { content:'+'; position:absolute; left:-25px; top:40%; font:300 26px/1 Arial,sans-serif; }
.diet-note { margin-top:20px; }
.diet-exercises { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 22px; margin-top:45px; align-items:start; }
.diet-exercises img { width:100%; aspect-ratio:363/240; object-fit:contain; background:#fff; }
.diet-exercises h3 { margin:18px 0 8px; }
.diet-exercises h3 span { color:#70994e; padding-right:2px; }
@media(max-width:1100px) {
 .diet-paper { padding:32px; }
 .diet-teas > li { padding:40px 28px; gap:24px; }
 .diet-circles { gap:12px; }
 .diet-circles strong { font-size:16px; }
 .diet-foods { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:640px; }
 .diet-ingredients li { width:120px; }
}
@media(max-width:767px) {
 .jik-sub--diet > section > .jik-container { width:100%; padding-inline:22px; }
 .diet-intro { padding-top:var(--jik-page-mobile-top); }
 .diet-intro p { margin-bottom:28px; }
 .diet-center br { display:none; }
 .diet-habit-diagram { container-type:inline-size; max-width:380px; padding:0 0 16%; margin-top:25px; overflow:hidden; }
 .diet-model { width:70%; left:auto; right:-24%; transform:scaleX(-1); }
 .diet-circles { width:54%; margin-left:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3cqw 0; }
 .diet-circles li { padding:10%; }
 .diet-circles li:nth-child(even) { transform:translateY(55%); }
 .diet-circles li > span { font-size:17cqw; }
 .diet-circles strong { font-size:clamp(10px,3.3cqw,13px); }
 .diet-paper { padding:28px 20px; }
 .diet-habit-details { grid-template-columns:1fr; grid-template-rows:none; grid-auto-flow:row; margin-top:28px; gap:26px; }
 .diet-foods { grid-template-columns:1fr; max-width:320px; }
 .diet-foods > li { border-radius:36px; }
 .diet-teas > li { grid-template-columns:1fr; padding:38px 20px 28px; gap:24px; }
 .diet-tea-photo { max-width:300px; margin:auto; }
 .diet-rinse-process { grid-template-columns:1fr; max-width:280px; gap:48px; }
 .diet-rinse-process li + li::before { right:0; top:-24px; width:100%; font-size:32px; }
 .diet-rinse-process li:last-child::before { transform:translateY(-50%) rotate(90deg); }
 .diet-rinse-recipes > li > p { max-width:none; }
 .diet-ingredients { gap:20px; }
 .diet-ingredients li { width:calc((100% - 20px)/2); max-width:140px; }
 .diet-ingredients li + li::before { display:none; }
 .diet-ingredients figcaption { font-size:var(--jik-type-body); }
 .diet-exercises { grid-template-columns:1fr; max-width:363px; margin:30px auto 0; gap:32px; }
}
/* 2026-09-28 원본 대조: 생활습관 원 6개 — 원본처럼 같은 줄의 원을 가로선으로 잇고, PC 라벨을 크고 굵게 */
@media (min-width:768px) {
 .diet-circles li:not(:nth-child(3n))::after { content:""; position:absolute; left:100%; top:50%; width:20px; height:2px; background:#628b3d; }
 .diet-circles strong { font-size:var(--jik-type-item); font-weight:700; word-break:keep-all; }
}

/* 2026-09-29 원본 1-5-1 실측: 생활 습관 부제는 녹색 22px */
.jik-sub--diet.jik-sub--diet #diet-habits .jik-sub-heading > span { font-size:22px; font-weight:400; letter-spacing:-.04em; color:#6f9951; }
@media (max-width:767px) { .jik-sub--diet.jik-sub--diet #diet-habits .jik-sub-heading > span { font-size:17px; } }