/* English site layout overrides — English strings are longer than the Chinese originals.
   Scoped to html[lang="en"] so the Chinese site is completely unaffected. */

/* 1) Home intro stats + Company Profile stats: allow wrapping, shrink type,
       so the second stat never slides under the video on the right. */
@media all and (min-width:1001px) {
    html[lang="en"] .indgy-num ul,
    html[lang="en"] .abojjsp-num ul{white-space: normal;}
    html[lang="en"] .indgy-num li,
    html[lang="en"] .abojjsp-num li{padding: 0 16px; vertical-align: top;}
    html[lang="en"] .indgy-num li:first-child,
    html[lang="en"] .abojjsp-num li:first-child{padding-left: 0;}
    html[lang="en"] .indgy-num li:last-child,
    html[lang="en"] .abojjsp-num li:last-child{padding-right: 0;}
    html[lang="en"] .indgy-num li .num,
    html[lang="en"] .abojjsp-num li .num{font-size: 30px;}
    html[lang="en"] .indgy-num li .text,
    html[lang="en"] .abojjsp-num li .text{font-size: 14px; line-height: 1.5; max-width: 240px;}
}

/* 2) Values banner slogan: keep it in a right-side box so it never reaches the icon tabs. */
@media all and (min-width:1001px) {
    html[lang="en"] .indkj .indTitle{width: 62%; margin-left: auto;}
    html[lang="en"] .indkj .indTitle .name{font-size: 30px; line-height: 1.3;}
}
@media all and (max-width:1000px) {
    html[lang="en"] .indkj .indTitle .name{font-size: 20px; line-height: 1.3;}
}

/* 3) History timeline: English milestone titles may wrap instead of overlapping
       the neighbouring node (desktop/tablet only; mobile keeps ellipsis). */
@media all and (min-width:1001px) {
    html[lang="en"] .history-timeline-content h3{white-space: normal; overflow-wrap: break-word; font-size: 14px; letter-spacing: 0;}
    html[lang="en"] .history-timeline-text,
    html[lang="en"] .history-timeline-text p{white-space: normal;}
}

/* 4) Company News banner: match the sibling About pages' banner height exactly
       (about-page uses a flat 260px >1000px; company-news-page steps 200/160). */
html[lang="en"] .company-news-page .sonBan-img{min-height: 260px;}
@media all and (max-width:1000px) {
    html[lang="en"] .company-news-page .sonBan-img{min-height: 150px;}
}
@media all and (max-width:640px) {
    html[lang="en"] .company-news-page .sonBan-img{min-height: 120px;}
}