/* Preserve the existing dark header; expand its language selector into a real control. */
.site-header .language-options{min-width:232px;max-width:calc(100vw - 32px);max-height:min(520px,calc(100dvh - 110px));overflow-y:auto;overscroll-behavior:contain;inset-inline-end:0;inset-inline-start:auto;scrollbar-width:thin}
.site-header .language-options button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:40px;padding:9px 12px;border:0;border-radius:5px;background:transparent;color:#dedee3;font:inherit;font-size:14px;text-align:start;cursor:pointer}
.site-header .language-options button:hover,.site-header .language-options button:focus-visible{background:#ffffff12;color:#fff;outline:1px solid #ffffff40;outline-offset:-1px}
.site-header .language-options button[aria-checked=true]{color:#c9d9b5;background:#ffffff0a}
.site-header .language-options button svg{width:16px;height:16px;stroke-width:1.7;visibility:hidden;flex:none}
.site-header .language-options button[aria-checked=true] svg{visibility:visible}
.site-header .language-options .language-auto{margin-top:6px;border-top:1px solid #ffffff16;border-radius:0;color:#aaaab3;font-size:12px}
html:not([lang^=zh]) .hero-tagline,html:not([lang^=zh]) .hero-subtitle,html:not([lang^=zh]) .hero-copy h2{white-space:normal;overflow-wrap:break-word}
html:not([lang^=zh]) .hero-copy,html:not([lang^=zh]) .concept-copy,html:not([lang^=zh]) .section-intro>*{min-width:0;overflow-wrap:break-word}
html:not([lang^=zh]) .hero-copy .hero-tagline{font-size:clamp(24px,2.7vw,38px);max-width:25ch;line-height:1.35}
html:not([lang^=zh]) .section-intro h2,html:not([lang^=zh]) .closing h2{font-size:clamp(28px,3.4vw,46px);line-height:1.3}
html:not([lang^=zh]) .concept-promise{font-size:clamp(25px,2.6vw,36px);line-height:1.35}
html:not([lang^=zh]) .nav-links{gap:20px}
html:not([lang^=zh]) .hero-benefits{flex-wrap:wrap}
html:not([lang^=zh]) .hero-benefits>span{white-space:nowrap}
html[dir=rtl] #concept-track{direction:ltr}
html[dir=rtl] .concept-copy,html[dir=rtl] .concept-media figcaption{direction:rtl;text-align:start}
html[dir=rtl] .pnote-wordmark,html[dir=rtl] .nav-wordmark,html[dir=rtl] .hero-project-meta,html[dir=rtl] .ai-subscription-brands{direction:ltr}
html[dir=rtl] .native-fragment{direction:ltr}
html[dir=rtl] .terminal-code{direction:ltr;text-align:left}
@media(max-width:1100px){html:not([lang^=zh]) .nav-links{display:none}html:not([lang^=zh]) .menu-button{display:flex}}
@media(max-width:700px){.site-header .language-options button{min-height:44px}.site-header .language-options{max-height:calc(100dvh - 90px)}html:not([lang^=zh]) .hero-copy .hero-tagline{font-size:27px;max-width:22ch}html:not([lang^=zh]) .concept-tabs button{white-space:normal;line-height:1.3;min-width:0;flex:1}html:not([lang^=zh]) .concept-tabs{min-width:0;gap:8px}html:not([lang^=zh]) .concept-transport{flex:none}html:not([lang^=zh]) .section-intro h2{font-size:30px}html:not([lang^=zh]) .ai-subscription-brands{flex-wrap:wrap}}

/* Additional public pages use the existing header and mobile menu. */
@media(min-width:1241px) and (max-width:1399px){.site-header[data-site-pages] .nav-links{gap:20px}.site-header[data-site-pages] .nav-shell{gap:24px}}
@media(max-width:1240px){.site-header[data-site-pages] .nav-links{display:none}.site-header[data-site-pages] .menu-button{display:flex}}
.site-header[data-site-pages] .mobile-nav{max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:900px){.site-header[data-site-pages] .mobile-nav{max-height:calc(100dvh - 68px)}}