.language-picker{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;color:var(--navy,#17385f)}
.language-picker select{font:inherit;font-size:12px;color:inherit;background:transparent;border:1px solid #17385f40;border-radius:3px;padding:7px 4px;max-width:108px;min-height:36px;cursor:pointer}
.language-picker select:focus-visible{outline:2px solid #c2673c;outline-offset:3px}
.language-picker-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.language-notice{font-size:12px;line-height:1.6;padding:10px max(20px,calc((100vw - 1240px)/2));margin:0;color:#17385f;background:#17385f08;border-bottom:1px solid #17385f18}
.language-notice[hidden]{display:none}
.mobile-language-button{display:none;font:inherit;font-size:14px;color:var(--navy,#17385f);background:transparent;border:1px solid #17385f40;border-radius:3px;min-height:44px;padding:8px 10px;cursor:pointer}
.language-sheet{max-width:430px}
.mobile-language-options{display:grid;margin-top:26px;border-top:1px solid var(--line,#d9d9dc)}
.mobile-language-options button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:13px 4px;border:0;border-bottom:1px solid var(--line,#d9d9dc);background:transparent;text-align:left;font-size:21px;cursor:pointer}
.mobile-language-options button span{visibility:hidden;color:var(--orange,#c2673c)}
.mobile-language-options button.selected span{visibility:visible}
.mobile-language-options button[aria-busy="true"]{opacity:.55}
.mobile-language-status{min-height:24px;margin:18px 0 0;color:var(--navy,#17385f);font-size:13px;line-height:1.45}
html[lang="ar"] body{font-family:Tahoma,Arial,sans-serif}
html[lang="zh-Hans"] body{font-family:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif}
html[lang="ar"] :is(h1,h2,h3,p,a,button,label,select),html[lang="zh-Hans"] :is(h1,h2,h3,p,a,button,label,select){letter-spacing:normal}
html[dir="rtl"] [lang="en"][dir="ltr"]{text-align:left}
html[dir="rtl"] [lang="ar"]{text-align:right}
@media(max-width:1200px){.desktop-nav{display:none!important}.mobile-menu{display:inline-flex!important}}
@media(max-width:560px){.language-picker select{max-width:85px;min-height:40px;font-size:12px}.header-actions{gap:8px!important}.site-header{gap:8px!important}.language-notice{padding:8px 20px}}
@media(max-width:1200px){.site-header{grid-template-columns:1fr auto}.search-button span,.search-button kbd{display:none}}
@media(max-width:380px){.site-header{padding-inline:12px}.language-picker select{max-width:76px}.header-actions{gap:3px!important}}

/* Native mobile pickers need a comfortable target and 16px text to avoid Safari zoom. */
@media(max-width:1200px){.header-actions>.language-picker{display:none}.mobile-language-button{display:inline-flex;align-items:center}.site-header .brand{min-width:0}}

/* Let longer translated headings wrap; keep Arabic cursive text unspaced. */
html:not([lang="en"]) :is(h1,h2,h3,.section-title,.feature-caption){overflow-wrap:break-word}
html[lang="ar"] :is(h1,h2,h3,p,a,button,label,select,span){letter-spacing:normal;line-height:1.65}
html[dir="rtl"] :is(.breadcrumb,.work-navigation,.guide-work-links){text-align:start}
html[dir="rtl"] :is(input,select,textarea){text-align:start}
html[lang="ar"] .perception-title{line-height:1.4}