/* 휴대폰 전체 메뉴: 분류는 접고 누른 것만 펼침 (common nav_v9.py, 박원장 261026) */
.mnav .mg{border-bottom:1px solid var(--line,#E5E5EA)}
.mnav .mg-h{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:60px;padding:0;margin:0;background:none;border:0;font:inherit;font-size:19px;font-weight:600;color:var(--ink,#1D1D1F);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mnav .mg-h::after{content:"";flex:none;width:8px;height:8px;margin:0 6px 4px 0;border:solid #8E8E93;border-width:0 1.8px 1.8px 0;transform:rotate(45deg);transition:transform .2s}
.mnav .mg-h[aria-expanded="true"]::after{transform:rotate(-135deg);margin-bottom:-4px}
.mnav .mg-h.on{color:var(--ink,#1D1D1F)}
.mnav .mg-b{display:none;padding:0 0 10px}
.mnav .mg-h[aria-expanded="true"] + .mg-b{display:block}
.mnav .mg-b a.sub{border-bottom:0!important;min-height:44px!important}
@media (prefers-reduced-motion:reduce){.mnav .mg-h::after{transition:none}}
/* 다이어트 탭 줄(.snb): 폰에서 손가락으로 좌우로 밀리게(박원장 261026). 가운데 정렬(justify-content:center)이면 넘친 왼쪽 탭에 닿을 수 없어서 폰은 왼쪽부터 + 오른쪽 끝 흐림으로 '더 있음' 표시 */
@media (max-width:960px){
.snb .wrap{justify-content:flex-start!important;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scroll-padding:0 24px;padding:0 6px!important;max-width:none!important;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.snb .wrap.at-end{-webkit-mask-image:none;mask-image:none}
.snb a{padding:0 14px!important;font-size:14.5px!important}
.snb a.on::after{left:14px!important;right:14px!important}
}
/* 하위 쪽 히어로 (박원장 261027 "작게 해" · "노란색을 꼭 써야 해?" · 디자인 평가 개선안 1~5 "다 적용"). 메인 히어로(.n9-hero 만)는 그대로 */
/* 1) 한글 제목이 주인공: PC 32~44px · 폰 26px, 600 */
.n9-hero.n9-hero-diet h1{font-size:clamp(32px,3.2vw,44px)!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.02em!important}
/* 2) 영문 쪽 이름은 본문 글꼴 작은 대문자 이름표 — 세리프·금색·기울임 없음(글꼴 한 벌, §3-2-9) */
.n9-hero.n9-hero-diet .n9-en,.n9-hero.n9-hero-diet .n9-en i{font-family:var(--sans,Pretendard),"Pretendard","Apple SD Gothic Neo",sans-serif!important;font-size:13px!important;font-weight:600!important;font-style:normal!important;letter-spacing:.14em!important;text-transform:uppercase!important;line-height:1.3!important;color:rgba(255,255,255,.62)!important}
.n9-hero.n9-hero-diet .n9-en{margin:0 0 14px!important}
/* 4) 부제(AI 검색용 답 한 줄)는 읽히게: PC 16px · 흰 80% */
.n9-hero.n9-hero-diet .n9-sub{font-size:16px!important;line-height:1.6!important;color:rgba(255,255,255,.8)!important}
@media (max-width:760px){
.n9-hero.n9-hero-diet h1{font-size:26px!important}
.n9-hero.n9-hero-diet .n9-en,.n9-hero.n9-hero-diet .n9-en i{font-size:12px!important}
.n9-hero.n9-hero-diet .n9-en{margin:0 0 10px!important}
.n9-hero.n9-hero-diet .n9-sub{font-size:14px!important}
/* 5) 폰: 글씨 뒤를 조금 더 어둡게(사진이 제목과 다투지 않게) */
.n9-hero.n9-hero-diet .n9-media::after{background:linear-gradient(0deg,rgba(22,20,20,.9) 0%,rgba(22,20,20,.62) 55%,rgba(22,20,20,.22) 100%)!important}
}
/* 3) 금색 단추 글씨: 흰 글씨는 금색 위에서 2.1:1(기준 4.5:1) → 진한 검정. 금색 면은 그대로 (사이트 전체) */
.btn.btn-gold,.btn-gold,.btn.btn-gold:hover,.btn-gold:hover{color:#1D1D1F!important}