/* [2026-09-22] 글자 규칙만 한국어 전용(html[lang="ko"] …)으로 좁혔다.
   이 파일은 한국어 원본 *이미지* 의 글꼴을 1:1 로 맞추려고 만든 한국어 전용 계층이라
   (나눔바른고딕·Gmarket Sans·scd1 을 !important 로 못박고 52.6292px 같은 소수점 크기를 쓴다)
   번역 쪽에 그대로 걸리면 영문에 한글 글꼴이 강제되고 등급에 없는 소수점 크기가 생긴다.
   그러나 같은 파일 안에 섹션 높이·이미지 위치·배경·좌표 등 **원본 디자인에 필요한 레이아웃**도
   함께 들어 있어 링크를 통째로 뺄 수는 없다 → 규칙을 갈라 글자만 한국어로 좁히고
   레이아웃은 모든 언어에 그대로 적용한다. 영문 조판은 _i18n/en-system.css 한 곳에서 정한다. */
/* mommy_07_01 — 원본 이미지 실측 글꼴 보정 (원본 www.tanggleps.com/htm/mommy_07_01.php 의 이미지와 1:1 대조)
   규칙에 --tgff:1 을 붙이면 js/site.js 의 자동 글꼴 치환이 그 요소를 건드리지 않는다. 데스크톱(min-width:1025px)만.

   원본 mommy_07_01.php 는 body_04_01.php 와 이미지·구조가 완전히 같다(2026-09-18 curl diff: <title>·meta·pageVar 만 다름.
   top/body_04.jpg 1028 · body/04_01_01.jpg 436 · 04_01_02.jpg 4402 · after_care.jpg 1073, #mc_youtube·#bna(cate 020400)·#mc_event·앨범·#s_notice·#mc_selfie 동일).
   우리 조각도 네 tc(260829dyq9k·260817fet7i·260829xr4cj·260829gpfj2)가 body_04_01 과 같고, HTML 도 제목·메뉴 외에는 같게 맞췄다
   (B&A 세로 카드 .bna.v 8장, sec-02 사진 who_model_clean.jpg, section.mod-album 12건 2쪽 + .v 표시, #tg-ref-fit 덩어리)
   → body_04_01.css 를 그대로 쓴다(그 파일은 [data-fr]/#섹션id/.mod-* 선택자뿐이라 이 쪽에도 그대로 미친다). 이 쪽만의 차이가 생기면 아래에 더한다. */
@import url("body_04_01.css");

/* ── 앨범 썸네일 제목(.mod-album .thumb .subject): 라이브 원본 #module_contents2 .thumb .subject{color:#ff6600} 가 그대로 보인다.
      색·굵기를 바꾸는 JS(1636·1649·1684행)는 hover/클릭 때만 도는 이벤트 처리기라 첫 화면에는 걸리지 않는다
      → 8장 전부 주황 #ff6600·굵기 400 (2026-09-18 및 2026-09-19 라이브 원본 계산값 두 번 실측: 8장 모두 rgb(255,102,0)/400).
      공통 sub.css 와 body_04_01.css 는 #333 + 선택 .on 만 굵은 주황이라 첫 화면이 원본과 다르다 → 이 쪽만 원본 그대로 ──
      (주의: 원본 전체 스크린샷은 실행마다 드물게 1번만 굵은 주황·나머지 회색으로 찍힐 때가 있다. 계산값이 정본이다.) */
@media (min-width:1025px){
  .mod-album .thumb .subject,.mod-album .thumb.on .subject{color:#ff6600!important}
html[lang="ko"] .mod-album .thumb .subject,
html[lang="ko"] .mod-album .thumb.on .subject{font-weight:400!important}
}

/* ── 가로 위치 4px (2026-09-18 원본 계산값 실측, 1920): B&A 카드 원본 x 320/1000 (1288 상자 안쪽 4px, 사이 80) — 공통 sub.css 는 space-between + 사이 88 로 316/1004.
      앨범 썸네일 원본 x 316·641·966·1291 (#listArea 1280 이 .box_album 1288 왼쪽에 붙음) — 공통 .mod-album 은 1280 가운데라 320·645·970·1295 → 4px 왼쪽으로 ── */
@media (min-width:1025px){
  .mod-bna .bna-grid{justify-content:center!important;column-gap:80px!important}
  .mod-album .listArea{position:relative;left:-4px}
}

/* ── TV 목록 항목 높이 122 (원본 .thumb = 사진 90 + 위아래 16, 구분선은 .txt_wrap:before 가 글 열(x180~) 아래 12px 에 1px rgba(0,0,0,.1)) —
      공통 sub.css 는 border-bottom 1px 을 더해 123 이라 항목마다 1px 씩 밀리고(5번째 4px) 선이 사진 아래까지 그어진다(원본 계산값 실측 2026-09-18) → 이 쪽만 원본 그대로 ── */
@media (min-width:1025px){
  .mod-tv .tv-item{border-bottom:0!important;position:relative}
  .mod-tv .tv-item::after{content:'';position:absolute;left:180px;right:0;top:106px;height:1px;background:rgba(0,0,0,.1);pointer-events:none}
}

/* ── TV 목록 사진: 원본은 선택(재생 중)·마우스 올린 항목만 컬러, 나머지는 grayscale(100%) (원본 #mc_youtube .thumb .photo>img{filter:grayscale(100%)} + JS) — 공통 sub.css 는 전부 컬러 → 이 쪽만 원본 그대로 ── */
@media (min-width:1025px){
  .mod-tv .tv-item .tv-thumb{filter:grayscale(100%);transition:filter .5s ease}   /* img 가 아니라 감싸는 .tv-thumb 에 (img 에 걸면 헤드리스 전체 스크린샷에서 2번째 사진이 컬러로 찍히는 합성 오류) */
  .mod-tv .tv-item.on .tv-thumb,.mod-tv .tv-item>a:hover .tv-thumb{filter:grayscale(0)}
}

/* ── 앨범 썸네일 제목(14px)·앨범 주의문 #s_notice(15px): 원본은 font-family:'nanum' 하나뿐인데 그 @font-face 의 소스
      //fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2 가 404 라 글꼴이 안 실리고 브라우저 기본 글꼴로 떨어진다
      (2026-09-19 CDP CSS.getPlatformFontsForNode 실측: 원본 = Liberation Serif + WenQuanYi Zen Hei, 잉크 폭 206/869).
      나눔고딕 웹폰트를 실어 주면 오히려 원본보다 5% 좁아진다(196/825) → 원본과 똑같이 '정의되지 않은 nanum' 하나만 둔다.
      공통 sub.css 의 'Malgun Gothic'(리눅스 렌더에선 NanumBG) 도 원본과 다르므로 이 쪽에서만 되돌린다 ── */
@media (min-width:1025px){
  html[lang="ko"] .mod-album .thumb .subject,
html[lang="ko"] .mod-album .s_notice p{font-family:'nanum'!important}
}

/* ── 이 쪽 실측으로 body_04_01.css 값과 달라진 세 곳 (2026-09-19 page_audit 실측, 선택자는 body_04_01.css sizefix 와 같은 것을 써서 나중 차례로 이긴다) ── */
@media (min-width:1025px){
  /* 카드 설명 두 줄 사이 간격: 원본 26, 우리 25(17.5px x 1.4286) */
  html[lang="ko"] [data-fr="fr02"] #sec-01 .s01-body{line-height:calc(26*var(--k))!important}
  /* 사진 속 흰 설명 '흉터는 팔 안쪽에 위치': 원본 잉크 폭 136 (16.4px → 141, 15.8px → 132) */
  html[lang="ko"] [data-fr="fr02"] #sec-01 figcaption.s01-cap{font-size:calc(16.1*var(--k))!important}
  /* After Care 설명 첫 줄: 원본 잉크 폭 528 (17.6px → 551) */
  html[lang="ko"] [data-fr="fr03"] #after-care>div.wrap>p.s00-lead.lead:nth-of-type(2){font-size:calc(16.9*var(--k))!important}
}

/* == sizefix mommy_07_01 == */
/* 2026-09-19 이 블록의 규칙을 전부 지웠다. 이 쪽은 원본 이미지(top/body_04.jpg·04_01_01·04_01_02·after_care.jpg)가 body_04_01 과 같은 파일이라
   @import 한 body_04_01.css 의 실측값이 정본이다. 여기 있던 값은 낡은 sizefix 자동 산출값이라 원본과 어긋났다 —
   특히 [data-fr="fr02"] #sec-02 h2.h2 를 72.8px 로 키워 '어떤 분들에게 효과적일까요?' 가 원본(615) 보다 280px 넓게(897) 렌더됐고,
   #hero p.hero__mark 40.8px(원본 잉크 186 → 우리 172), #sec-01 span.s01-num 53.3px(원본 h38 → 우리 h42),
   #sec-04 span.s04-num 24.6px(원본 h24 → 우리 h20), #after-care h3.s00-h3 24.6px(원본 폭 114 → 우리 109),
   #after-care p.s00-desc 17.3px+width:185px(글상자가 좁아 3줄이 5줄로 접혔다) 가 그랬다.
   이 쪽만의 차이가 새로 확인되면 아래에 규칙을 더한다(현재 없음). */
/* == /sizefix mommy_07_01 == */