.site-header { gap: 22px; }
.site-header nav { margin-left: auto; gap: 22px; }
.header-tools { display: flex; align-items: center; flex: 0 0 auto; margin-left: 2px; }
.language-switcher { position: relative; font-size: 14px; color: var(--ink); }
.language-switcher > summary { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 11px; cursor: pointer; list-style: none; border: 1px solid #d9e0e3; border-radius: 3px; white-space: nowrap; background: #fff; }
.language-switcher > summary::-webkit-details-marker { display: none; }
.language-switcher > summary::marker { content: ''; }
.language-chevron { margin-left: 10px; line-height: 1; }
.language-switcher[open] .language-chevron { transform: rotate(180deg); }
.language-switcher > ul { display: none; position: absolute; right: 0; top: 100%; min-width: 156px; margin: 8px 0 0; padding: 6px; list-style: none; background: #fff; color: #142b36; border: 1px solid #d9e0e3; box-shadow: 0 8px 24px #142b361a; z-index: 80; }
.language-switcher[open] > ul { display: block; }
.language-switcher li a { display: block; padding: 10px 14px; min-height: 44px; border-radius: 2px; }
.language-switcher li a:hover, .language-switcher li a:focus { background: #edf2f3; }
.language-switcher a[aria-current="page"] { background: #f7ebe4; color: #a34522; font-weight: 600; }
.header-tools .menu-toggle { margin-left: 10px; }
.no-flex-gap .site-header .header-tools { margin-left: 20px; }
html:not([lang="zh-CN"]) h1, html:not([lang="zh-CN"]) h2, html:not([lang="zh-CN"]) h3, html:not([lang="zh-CN"]) h4 { letter-spacing: -.015em; overflow-wrap: break-word; word-wrap: break-word; }
html:not([lang="zh-CN"]) .section-label .english { display: none; }
html:not([lang="zh-CN"]) .site-header .brand-cn { font-size: 12px; letter-spacing: 1px; padding-left: 14px; }
html:not([lang="zh-CN"]) .hero h1 { font-size: 3.1rem; font-size: clamp(2.2rem, 4vw, 3.8rem); line-height: 1.25; max-width: 820px; }
html:not([lang="zh-CN"]) .hero-description { max-width: 640px; }
html:not([lang="zh-CN"]) h2 { font-size: 2.4rem; font-size: clamp(1.8rem, 3.1vw, 2.8rem); line-height: 1.4; }
html:not([lang="zh-CN"]) .section-heading h2 { flex: 1 1 55%; }
html:not([lang="zh-CN"]) .section-heading > p { flex: 1 1 38%; }
html:not([lang="zh-CN"]) .foundation strong { font-size: 23px; }
html:not([lang="zh-CN"]) .commerce-strategy h3 { font-size: 28px; }
html:not([lang="zh-CN"]) .film-top h3 { font-size: 34px; }
html:not([lang="zh-CN"]) .film-top h3 > span { font-size: 26px; }
html:not([lang="zh-CN"]) .service-grid h4 { font-size: 22px; }
html:not([lang="zh-CN"]) .role-name { overflow-wrap: anywhere; word-wrap: break-word; line-height: 1.5; }
html:not([lang="zh-CN"]) .roles summary { grid-template-columns: 45px minmax(0, 1fr) 120px 28px; }
html:not([lang="zh-CN"]) .role-content { padding-left: 60px; padding-right: 0; }
html:not([lang="zh-CN"]) .workplace-title h3 { font-size: 42px; font-size: clamp(2rem, 4.2vw, 3.4rem); letter-spacing: 0; }
html:not([lang="zh-CN"]) .careers-heading h2 { min-width: 0; flex: 1 1 45%; }
html:not([lang="zh-CN"]) .careers-heading > div { flex: 1 1 50%; }
html:not([lang="zh-CN"]) .atlas-heading { display: block; }
html:not([lang="zh-CN"]) .atlas-heading > span { display: block; }
html:not([lang="zh-CN"]) .live-heading { flex-wrap: wrap; }
html:not([lang="zh-CN"]) .live-heading > span { margin-top: 8px; }
html[lang="en"] .role-name small, html[lang="en"] .live-english, html[lang="en"] .live-cities span, html[lang="en"] .destination-card > p { display: none; }
html[lang="de"] main p, html[lang="de"] h2, html[lang="de"] h3, html[lang="de"] h4 { -webkit-hyphens: auto; hyphens: auto; }
html[lang="ja"] body { font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; }
@media (max-width: 1280px) {
  .site-header nav { margin-left: 0; gap: 0; }
  .header-tools { margin-left: auto; }
  .site-header { gap: 14px; }
  .no-flex-gap .site-header nav > a + a { margin-left: 0; }
  .no-flex-gap .site-header .header-tools { margin-left: auto; }
}
@media (max-width: 1100px) {
  html:not([lang="zh-CN"]) .roles summary { grid-template-columns: 32px minmax(0, 1fr) 100px 26px; }
  html:not([lang="zh-CN"]) .role-content { padding-left: 47px; }
  html:not([lang="zh-CN"]) .careers-heading > div { max-width: 680px; }
}
@media (max-width: 760px) {
  html:not([lang="zh-CN"]) .hero h1 { font-size: 2rem; font-size: clamp(1.75rem, 7.5vw, 2.6rem); line-height: 1.35; }
  html:not([lang="zh-CN"]) h2 { font-size: 26px; }
  html:not([lang="zh-CN"]) .commerce-strategy h3 { font-size: 23px; }
  html:not([lang="zh-CN"]) .film-top h3 { font-size: 27px; }
  html:not([lang="zh-CN"]) .film-top h3 > span { font-size: 23px; }
  html:not([lang="zh-CN"]) .roles summary { grid-template-columns: 24px minmax(0, 1fr) 24px; }
  html:not([lang="zh-CN"]) .role-name { font-size: 18px; }
  html:not([lang="zh-CN"]) .role-content { padding-left: 0; }
  html:not([lang="zh-CN"]) .workplace-title h3 { font-size: 34px; }
  html:not([lang="zh-CN"]) .pin-label strong { font-size: 12px; }
  html:not([lang="zh-CN"]) .pin-australia .pin-label { left: auto; right: 0; transform: none; }
}
@media (max-width: 600px) {
  .site-header .brand-cn { display: none; }
  .site-header { gap: 10px; }
  .language-switcher > summary { padding-left: 9px; padding-right: 9px; }
  .header-tools .menu-toggle { margin-left: 6px; }
}
