/* Long translations and complex scripts keep the same visual hierarchy without clipping. */
.language-picker{position:relative;margin-inline-start:auto;flex-shrink:0;font-size:12px;z-index:8}
.language-picker summary{display:flex;align-items:center;gap:9px;border:1px solid #516959;padding:9px 12px;color:#d6e6cf;cursor:pointer;list-style:none}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:focus-visible{outline:2px solid #c6e4be;outline-offset:4px}
.language-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);background:#18281e;border:1px solid #516959;min-width:210px;max-height:65vh;overflow:auto;box-shadow:0 12px 30px #0006;display:grid!important;gap:0!important;padding:7px}
.language-menu a{display:block;padding:8px 12px;font-size:13px;color:#d1dfca;white-space:nowrap}
.language-menu a:hover,.language-menu a[aria-current]{background:#314b36;color:#f1f7ec}
.header nav:not(.language-menu){flex-wrap:wrap;gap:15px 24px}
.header{gap:24px}
.brand{direction:ltr}
html:not([lang=en]) .nav-cta{display:none}
html:not([lang=en]) .hero h1{font-size:clamp(39px,4.5vw,68px);overflow-wrap:anywhere}
html:not([lang=en]) .hero-copy>p{font-size:14px}
html:not([lang=en]) .eyebrow{letter-spacing:.1em;line-height:1.7}
html:not([lang=en]) .card-meta{flex-wrap:wrap;gap:4px 10px}
html:not([lang=en]) .card-meta span:last-child{font-size:7px;letter-spacing:.04em}
html:not([lang=en]) .section-head{align-items:center}
html:not([lang=en]) .text-link{white-space:normal}
html:not([lang=en]) .viewer-overlay{padding:20px;text-align:center}
html:not([lang=en]) .viewer-overlay>span:last-child{max-width:90%;font-size:11px}
html:not([lang=en]) .viewer-toolbar{right:12px;left:12px;max-width:calc(100% - 24px)}
html:not([lang=en]) .viewer-toolbar button{white-space:normal}
html:not([lang=en]) .footer-links{flex-wrap:wrap}
html[lang=hi],html[lang=bn]{line-height:1.85}
html[lang=hi] h1,html[lang=hi] h2,html[lang=hi] h3,html[lang=bn] h1,html[lang=bn] h2,html[lang=bn] h3{line-height:1.45;letter-spacing:0}
html[lang=zh-Hans] h1,html[lang=zh-Hans] h2,html[lang=zh-Hans] h3{line-height:1.3;letter-spacing:0}
html[dir=rtl] .brand-icon{margin-right:0;margin-left:10px}
html[dir=rtl] .detail-mark{text-align:left}
html[dir=rtl] .detail-info aside{border-left:0;border-right:1px solid #354a3c;padding-left:0;padding-right:30px}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .eyebrow{letter-spacing:0;line-height:1.45}
html[dir=rtl] .viewer-toolbar #xr-control{margin-left:0;margin-right:auto}
html[dir=rtl] .touch-controls{direction:ltr}
html[dir=rtl] .language-menu a{text-align:start}
@media(max-width:1100px){.header{gap:20px}.header nav:not(.language-menu){gap:12px 18px;font-size:12px}.language-picker{font-size:11px}.language-picker summary{padding:7px 10px}}
@media(max-width:760px){.header{position:relative;gap:15px}.header nav:not(.language-menu){order:3;width:100%;font-size:11px;gap:12px 20px}.language-menu{width:210px!important}.language-picker summary{font-size:11px;padding:6px 9px}.language-picker{margin-inline-start:auto}html:not([lang=en]) .hero h1{font-size:clamp(34px,8vw,56px)}html:not([lang=en]) .section-head{flex-wrap:wrap;align-items:start}html:not([lang=en]) .hero-copy>p{font-size:13px}html:not([lang=en]) .ar-banner h2{font-size:35px}html:not([lang=en]) .detail-heading h1{font-size:35px}html:not([lang=en]) .viewer-overlay h2{font-size:30px}html:not([lang=en]) .viewer-shell{min-height:430px}html:not([lang=en]) .search-label input{min-width:0}html[dir=rtl] .detail-info aside{border-right:0;padding-right:0}html:not([lang=en]) .ar-support{flex-direction:column;gap:10px}html[dir=rtl] .viewer-toolbar #xr-control{margin-right:0}}
@media(max-width:420px){.brand{font-size:16px}.brand-icon{font-size:24px;margin-right:7px}.language-picker summary{gap:5px;font-size:10px;padding:5px 7px}html:not([lang=en]) .hero h1{font-size:38px}html:not([lang=en]) .page-intro h1{font-size:34px}html:not([lang=en]) .section-head h2{font-size:27px}html:not([lang=en]) .ar-banner h2{font-size:31px}html:not([lang=en]) .viewer-toolbar button{font-size:9px;padding:7px 8px}html:not([lang=en]) #viewer-status{font-size:9px}}
