/* ==========================================================================
   영문판 전용 보정 (en/head.sub.php 에서만 로드) — 2026-10-17 웹닷
   국문 레이아웃은 한글 길이에 맞춰 잡혀 있다. 영문 문안이 길어서 생기는 겹침·줄바꿈만 여기서 고친다.
   값은 토큰·기존 수치만 쓴다 (bmtech-tokens.css 규율). 국문 사이트에는 영향 없음.
   모든 규칙에 html[lang="en"] 을 붙인다 — bmtech-type.css 가 맨 마지막에 로드돼서 같은 강도면 지기 때문이고,
   혹시 국문에 이 파일이 섞여 들어가도 아무 일도 안 일어나게 하려는 것이다.
   ========================================================================== */

/* 1) GNB: 메뉴가 화면 가운데(absolute 50%)에 있어 영문 라벨 폭이 로고 락업(BMTECH | BPL)을 덮는다.
      메뉴를 오른쪽 유틸리티(언어·햄버거) 앞으로 붙이고, 대문자 변환을 끈다(Title Case 가 영문 메뉴 관례·폭도 짧다) */
html[lang="en"] .wd-gnb__nav {
  left: auto;
  right: calc(var(--wd-gnb-pad-x) + 96px);
  transform: none;
}
html[lang="en"] .wd-gnb__link { text-transform: none; }
/* 오른쪽으로 붙여도 1280px 아래에서는 로고 락업과 겹친다(1100px 실측 -120px). 그 폭부터는 햄버거만 쓴다 */
@media (max-width: 1279px) {
  html[lang="en"] .wd-gnb__nav { display: none; }
}

/* 2) 메인 비주얼 제목: 영문 한 줄이 길어 오른쪽 장비 사진을 덮는다. 폭을 잡아 자연스럽게 꺾는다 */
html[lang="en"] #mv .mv-copy__title { max-width: 11em; }

/* 3) 제품 특징 칸: 모바일 2열에서 긴 영단어가 칸 밖으로 나간다. 하이픈 자동 분절은 쓰지 않는다(「technolo-gy」) */
@media (max-width: 480px) {
  html[lang="en"] .feat_icon_grid { grid-template-columns: repeat(2, 1fr); } /* 국문은 4열 그대로. 영문 문구는 4열 칸(약 90px)에 한 칸 10줄이 된다 */
  html[lang="en"] .feat_icon_grid .feat_icon_cell { hyphens: manual; overflow-wrap: break-word; padding-left: 12px; padding-right: 12px; }
}

/* 4) 리드 문단의 <br> 은 국문 어순 위치다. 모바일에서는 숨겨 영문이 이어서 흐르게 한다 (build_en.py 가 <br> 앞에 공백을 넣어 둠) */
@media (max-width: 768px) {
  html[lang="en"] .txt br { display: none; }
}

/* 5) 사양표 모바일 스크롤 안내 — 국문 문구가 CSS content 에 박혀 있다 */
html[lang="en"] .tb2::before { content: 'Scroll sideways to see the full table.'; }

/* 6) GE 협업: 왼쪽 큰 제목 열이 좁아 영문이 8줄로 늘어난다. 역할 B(46px) 대신 h2 토큰(34px) */
html[lang="en"] .wd-strength__title { font-size: var(--bmt-fs-h2); }
/* 「A Specialist Manufacturer with」 가 오른쪽 체크 아이콘에 닿는다 */
html[lang="en"] .wd-ge-materials__name { padding-right: 1em; }

/* 7) R&D 인력 차트 안쪽 학위 라벨: 「Bachelor's」 가 좁은 조각을 넘친다 */
html[lang="en"] .rnd_deg { font-size: var(--bmt-fs-xs); }

/* 8) 푸터 메뉴: 영문 대메뉴·하위메뉴가 두 줄로 꺾여 열마다 시작 높이가 달라진다(오른쪽 여백은 충분) */
html[lang="en"] .wd-footer__d1-link,
html[lang="en"] .wd-footer__d2-link { white-space: nowrap; }
/* 푸터 하위 메뉴·GNB 하위 메뉴·전체메뉴의 capitalize 가 「Message From The CEO」 처럼 단어마다 대문자로 만든다. 영문은 문안 표기 그대로 */
html[lang="en"] .wd-footer__d2-link,
html[lang="en"] .wd-gnb__sub-link,
html[lang="en"] .wd-sitemap__d1 { text-transform: none; }