/**
 * lang-overrides.css
 * html[lang="en"] / html[lang="zh"] 셀렉터로 국문 스타일을 언어별로 재정의.
 * header.php에서 마지막으로 로드되어 페이지별 CSS를 덮어씁니다.
 */

/* ================================================================
   ENGLISH (EN)
   ================================================================ */

html[lang="en"] body {
    font-family: 'SUIT', 'Inter', -apple-system, BlinkMacSystemFont,
                 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}

/* section-03 조직도 카드: 카드 폭 확장 + grid 레이아웃으로 불릿-텍스트 쌍 정렬 */
html[lang="en"] .esg-page .section-03 .li {
    width: 220px;
}
html[lang="en"] .esg-page .section-03 .p3,
html[lang="en"] .esg-page .section-03 .p4 {
    width: 220px;
}
html[lang="en"] .esg-page .section-03 .p4 .div2,
html[lang="en"] .esg-page .section-03 .p4 .esg3 {
    display: grid;
    grid-template-columns: 20px 1fr;
    font-size: 0;
    line-height: 0;
}
html[lang="en"] .esg-page .section-03 .div-2-span,
html[lang="en"] .esg-page .section-03 .esg-3-span {
    font-size: 17px;
    line-height: 30px;
    width: auto;
    align-self: start;
    font-family: 'PingFang SC', 'Hiragino Sans GB', system-ui, -apple-system, sans-serif;
}
html[lang="en"] .esg-page .section-03 .div-2-span2,
html[lang="en"] .esg-page .section-03 .esg-3-span2 {
    font-size: 14px;
    line-height: 24px;
    width: auto;
}

/* section-04 추진과제/실행과제: grid 레이아웃 */
html[lang="en"] .esg-page .section-04 .p5 .div5,
html[lang="en"] .esg-page .section-04 .p5 .esg3 {
    display: grid;
    grid-template-columns: 20px 1fr;
    font-size: 0;
    line-height: 0;
}
html[lang="en"] .esg-page .section-04 .div-5-span,
html[lang="en"] .esg-page .section-04 .esg-3-span {
    font-size: 17px;
    line-height: 30px;
    width: auto;
    margin-right: 0;
    align-self: start;
    font-family: 'PingFang SC', 'Hiragino Sans GB', system-ui, -apple-system, sans-serif;
}
html[lang="en"] .esg-page .section-04 .div-5-span2,
html[lang="en"] .esg-page .section-04 .esg-3-span2 {
    font-size: 16px;
    line-height: 26px;
    width: auto;
    word-break: break-word;
}

/* 전체: 영문 텍스트 overflow 방지 */
html[lang="en"] * {
    word-break: break-word;
    overflow-wrap: break-word;
}
/* 단, 메뉴/버튼/코드류는 제외 */
html[lang="en"] .nav-item,
html[lang="en"] .process-box p,
html[lang="en"] button,
html[lang="en"] .btn {
    word-break: normal;
    overflow-wrap: normal;
    white-space: nowrap;
}

/* ================================================================
   CHINESE (ZH)
   ================================================================ */

/* 중문 폰트: SUIT은 한자 미포함 → CJK 시스템 폰트로 교체 */
html[lang="zh"] body,
html[lang="zh"] p,
html[lang="zh"] span,
html[lang="zh"] div,
html[lang="zh"] h1, html[lang="zh"] h2, html[lang="zh"] h3,
html[lang="zh"] h4, html[lang="zh"] h5, html[lang="zh"] h6,
html[lang="zh"] li, html[lang="zh"] a {
    font-family: 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans SC',
                 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'SUIT', sans-serif;
}

/* section-03 카드: 7자 항목(利益相关方支持 등) 줄바꿈 방지 — 16px로 축소 */
html[lang="zh"] .esg-page .section-03 .div-2-span,
html[lang="zh"] .esg-page .section-03 .esg-3-span {
    font-size: 16px;
    line-height: 26px;
}
html[lang="zh"] .esg-page .section-03 .div-2-span2,
html[lang="zh"] .esg-page .section-03 .esg-3-span2 {
    font-size: 16px;
    line-height: 26px;
}

/* section-03 카드 bullet 정렬: grid로 bullet-텍스트 쌍 고정 */
html[lang="zh"] .esg-page .section-03 .p4 .div2,
html[lang="zh"] .esg-page .section-03 .p4 .esg3 {
    display: grid;
    grid-template-columns: 20px 1fr;
    font-size: 0;
    line-height: 0;
}
html[lang="zh"] .esg-page .section-03 .div-2-span,
html[lang="zh"] .esg-page .section-03 .esg-3-span {
    font-size: 16px;
    line-height: 26px;
    width: auto;
    align-self: start;
}
html[lang="zh"] .esg-page .section-03 .div-2-span2,
html[lang="zh"] .esg-page .section-03 .esg-3-span2 {
    font-size: 16px;
    line-height: 26px;
    width: auto;
}

/* section-04 추진과제/실행과제: grid 레이아웃 */
html[lang="zh"] .esg-page .section-04 .p5 .div5,
html[lang="zh"] .esg-page .section-04 .p5 .esg3 {
    display: grid;
    grid-template-columns: 20px 1fr;
    font-size: 0;
    line-height: 0;
}
html[lang="zh"] .esg-page .section-04 .div-5-span,
html[lang="zh"] .esg-page .section-04 .esg-3-span {
    font-size: 17px;
    line-height: 30px;
    width: auto;
    margin-right: 0;
    align-self: start;
}
html[lang="zh"] .esg-page .section-04 .div-5-span2,
html[lang="zh"] .esg-page .section-04 .esg-3-span2 {
    font-size: 17px;
    line-height: 30px;
    width: auto;
}

/* 중문 word-break: keep-all은 한국어용 — 중문은 normal로 복원 (긴 문단 줄바꿈) */
html[lang="zh"] * {
    word-break: normal;
    overflow-wrap: break-word;
}