/* Language controls are shared by all header variants. Original Chinese page styles remain the baseline. */
.site-language{position:relative;flex:0 0 auto;direction:ltr;letter-spacing:normal}
.site-language-trigger{display:flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:8px;background:transparent;border:1px solid transparent;border-radius:12px;color:inherit}
.site-language-trigger:hover,.site-language-trigger[aria-expanded=true]{border-color:currentColor;background:#8881}
.site-language-trigger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.site-language-trigger .language-chevron{width:13px;height:13px}
.site-language-panel{position:absolute;inset-inline-end:0;top:calc(100% + 14px);z-index:1200;width:350px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;background:#17191d;color:#f1f1f1;border:1px solid #ffffff24;border-radius:16px;box-shadow:0 18px 55px #0004;text-align:left}
.site-language-panel[hidden]{display:none}
.language-panel-title{grid-column:1/-1;padding:9px 10px 12px;font-size:13px;color:#aaa;line-height:1.5}
.site-language-panel button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 10px;min-height:44px;border-radius:9px;background:transparent;color:inherit;font-size:14px;line-height:1.4;text-align:left}
.site-language-panel button:hover,.site-language-panel button:focus-visible{background:#ffffff0c;outline-offset:-2px}
.site-language-panel button[aria-checked=true]{color:#f4cc6b;background:#ffffff07}
.site-language-panel i{font-style:normal}
.header .head-right{gap:12px}
.header .site-language{order:1}.header .menu-toggle{order:2}

html:not([lang=zh-CN]) body{font-family:Arial,'Noto Sans SC','Microsoft YaHei',sans-serif}
html:not([lang=zh-CN]) :is(h1,h2,h3){letter-spacing:normal;overflow-wrap:break-word}
html:not([lang=zh-CN]) :is(main h1,main h2,main h3,main h4){white-space:normal!important;overflow-wrap:anywhere}
html:not([lang=zh-CN]) main :where(section,div,article,aside){min-width:0}
html:not([lang=zh-CN]) :is(main p,main li,footer p,footer a){overflow-wrap:break-word}
html:not([lang=zh-CN]) main :is(.biz-copy,.biz-art,.biz-company,.biz-sector,.article-card,.now-card,.video-card){min-width:0}
html:not([lang=zh-CN]) :is(.biz-label,.biz-tags){white-space:normal;overflow-wrap:anywhere}
html:not([lang=zh-CN]) :is(.group-hero h1,.hero h1,.about-intro-content h1,.business-hero h1){white-space:normal;line-height:1.2}
html:not([lang=zh-CN]) .group-hero h1{font-size:clamp(36px,4.8vw,72px)}
html:not([lang=zh-CN]) .group-hero-description{max-width:850px;margin-inline:auto}
html:not([lang=zh-CN]) .header{column-gap:20px}
html:not([lang=zh-CN]) .header nav{gap:clamp(12px,1.1vw,20px);font-size:14px}
html:not([lang=zh-CN]) .header nav>a,html:not([lang=zh-CN]) .about-nav-trigger{font-size:14px;white-space:nowrap}
html:not([lang=zh-CN]) .portal-link{font-size:13px;gap:12px;white-space:nowrap}
html:not([lang=zh-CN]) :is(.compute-controls,.article-filters,.now-filters,.video-filters){flex-wrap:wrap}
html:not([lang=zh-CN]) :is(.article-card h3,.now-card h3,.video-card h3){height:auto;max-height:none;overflow:visible;-webkit-line-clamp:unset}
html:not([lang=zh-CN]) :is(.career-view,.job-apply){width:auto;min-width:100px;flex-basis:auto;height:auto;min-height:42px;padding:10px 16px;line-height:1.4;white-space:normal;text-align:center}
html:not([lang=zh-CN]) :is(.topic-trigger,.voice-picker-trigger){height:auto;min-height:46px;line-height:1.5;white-space:normal}
html:not([lang=zh-CN]) :is(.topic-options [role=option],.voice-picker-option){white-space:normal;line-height:1.5}
html:not([lang=zh-CN]) :is(.brand-footer-nav,.brand-footer-bottom){gap:24px}
html:not([lang=zh-CN]) .support-quick{flex-wrap:wrap}
html:not([lang=zh-CN]) .support-quick button{white-space:normal}
html:not([lang=zh-CN]) :is(.insights-pagination,.news-pagination){flex-wrap:wrap}
html:not([lang=zh-CN]) :is(.group-overview-metrics h3,.now-sidebar){flex-wrap:wrap;white-space:normal}
html:not([lang=zh-CN]) .group-overview-metrics h3 span{white-space:normal}
html:not([lang=zh-CN]) .group-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
html:not([lang=zh-CN]) .ac-foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html:not([lang=zh-CN]) .ac-foundation-copy>p{max-width:100%}
html:not([lang=zh-CN]) :is(.ac-link,.career-apply){max-width:100%;white-space:normal;overflow-wrap:anywhere}
html:not([lang=zh-CN]) .partner-page .partner-hero h1 span{white-space:normal;overflow-wrap:anywhere}
html:not([lang=zh-CN]) .partner-solution-card{min-width:0;overflow-wrap:anywhere}
html:not([lang=zh-CN]) .partner-group summary>span:first-child{min-width:0;overflow-wrap:anywhere}
html:not([lang=zh-CN]) .footer.kael-brand-footer .brand-footer-nav h3{white-space:normal;line-height:1.5}
html:not([lang=zh-CN]) .footer.kael-brand-footer .brand-footer-nav>div{min-width:0;grid-template-rows:auto;grid-auto-rows:minmax(23px,auto)}
html:not([lang=zh-CN]) .cta-reveal-title{max-width:100%;font-size:clamp(28px,4.4vw,70px)}
html:not([lang=zh-CN]) .cta-reveal-phrase{max-width:100%;flex-wrap:wrap;gap:0 .2em;white-space:normal;justify-content:center}
html:not([lang=zh-CN]) .cta-reveal-char{white-space:normal;max-width:100%}

/* Arabic follows logical reading order. Brand art, code, numeric groups and the
   moving carousel retain their original physical orientation. */
html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}
html[dir=rtl] :is(h1,h2,h3,h4,p,li,button,a){letter-spacing:normal}
html[dir=rtl] :is(.about-nav-panel,.article-column,.now-detail,.article-toc,.now-sidebar,.job-page-shell,.partner-inquiry,.business-row,.support-message,.topic-options){text-align:start}
html[dir=rtl] .about-nav-panel{left:auto;right:-22px}
html[dir=rtl] .site-language-panel{right:auto;left:0}
html[dir=rtl] :is(input[type=email],input[type=tel],.fact-number,.fact-unit,.vision-currency,.vision-hours,.article-share,.news-carousel-viewport,.news-carousel-controls,.wordmark){direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .news-carousel-viewport .video-card{direction:rtl;text-align:start}
html[dir=rtl] .showcase-facts strong{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] :is(.row-arrow,.portal-arrow,.job-back svg,.round-link .circle){transform:scaleX(-1)}
html[dir=rtl] :is(.article-toc,.now-sidebar){border-left:0;border-inline-end:1px solid #ddd;padding-left:0;padding-inline-end:20px}
html[dir=rtl] :is(.job-page-shell section ul,.article-body ul,.article-body ol){padding-left:0;padding-inline-start:24px}
html[dir=rtl] .support-panel{direction:rtl}
html[dir=rtl] .voice-picker-search{text-align:right}

/* Mirror both the arrow and its existing nudge timeline for RTL. A transform
   animation otherwise overrides the static scaleX mirror. */
@keyframes portalArrowNudgeRtl{0%,62%,100%{transform:scaleX(-1) translateX(0)}72%{transform:scaleX(-1) translateX(4px)}82%{transform:scaleX(-1) translateX(0)}90%{transform:scaleX(-1) translateX(2px)}}
@media(prefers-reduced-motion:no-preference){
  html[dir=rtl] .header .portal-link .portal-arrow{animation-name:portalArrowNudgeRtl}
  html[dir=rtl] .header .portal-link:hover .portal-arrow,html[dir=rtl] .header .portal-link:focus-visible .portal-arrow{translate:-3px 0}
}

@media(max-width:1440px){
  html:not([lang=zh-CN]) .header nav{display:none;position:absolute;inset:calc(100% + 10px) 0 auto;width:100%;padding:18px 24px;background:#17191df5;color:#eee;border:1px solid #ffffff20;border-radius:18px;flex-direction:column;align-items:stretch;gap:6px;max-height:calc(100svh - 110px);overflow-y:auto}
  html:not([lang=zh-CN]) .header.menu-open nav{display:flex}
  html:not([lang=zh-CN]) .header nav>a,html:not([lang=zh-CN]) .about-nav-trigger{display:flex;width:100%;padding:12px 0;color:inherit;text-align:start}
  html:not([lang=zh-CN]) .header .menu-toggle{display:block;flex-shrink:0}
  html:not([lang=zh-CN]) .about-nav-panel{position:static;width:100%;margin:4px 0 12px;padding:15px 10px;border:0;box-shadow:none}
  html:not([lang=zh-CN]) .light-nav-page .header nav{background:#fffffff5;color:#222;border-color:#1112}
}
@media(max-width:760px){
  .site-language-panel{position:fixed;top:90px;left:12px;right:12px;width:auto;max-height:calc(100svh - 112px);overflow-y:auto}
  html[dir=rtl] .site-language-panel{left:12px;right:12px}
  .header .head-right{gap:6px}
  .header .site-language-trigger{padding:6px;min-width:40px}
  .header .language-chevron{display:none}
  html:not([lang=zh-CN]) .header .portal-link{font-size:11px;padding:10px 12px;gap:6px}
  html:not([lang=zh-CN]) .header .portal-arrow{width:14px;height:14px}
  html:not([lang=zh-CN]) .group-hero h1{font-size:clamp(31px,7.8vw,54px)}
  html:not([lang=zh-CN]) .group-hero-description{font-size:14px;line-height:1.7}
  html:not([lang=zh-CN]) .hero-facts p{font-size:11px;line-height:1.5}
  html:not([lang=zh-CN]) :is(.career-job-link,.job-heading){gap:14px}
  html:not([lang=zh-CN]) .career-job-name{min-width:0}
  html:not([lang=zh-CN]) .career-view{min-width:80px;max-width:125px}
  html:not([lang=zh-CN]) :is(.article-share,.brand-footer-nav){flex-wrap:wrap}
}
@media(max-width:420px){
  html body .header{padding-inline:12px!important;gap:8px!important}
  html body .header .wordmark{flex:0 0 72px!important;width:72px!important;min-width:0}
  .header .wordmark img{width:72px!important;max-width:72px!important;height:auto!important}
  .header .head-right{gap:4px;min-width:0}
  .header .portal-link{max-width:112px;min-width:0;padding:7px 8px!important;font-size:10px!important;line-height:1.3;white-space:normal!important;gap:4px!important}
  .header .portal-arrow{width:12px;height:12px;flex:0 0 12px}
  .header .site-language-trigger{min-width:34px;min-height:40px;padding:5px}
  .header .menu-toggle{width:36px;min-width:36px;flex-basis:36px}
}
@media(max-width:650px){
  html:not([lang=zh-CN]) .now-sidebar nav{flex-wrap:wrap;white-space:normal;overflow:visible;gap:6px 18px}
  html:not([lang=zh-CN]) .now-sidebar button{white-space:normal;text-align:start}
  html:not([lang=zh-CN]) .ac-foundation-grid{grid-template-columns:minmax(0,1fr)}
}