.site-language{display:inline-flex;align-items:center;gap:5px;color:var(--muted,#77796b);flex-shrink:0;position:relative}
.site-language-icon{font:14px/1.2 Georgia,serif;color:var(--olive,#56634b)}
.site-language-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-language select{appearance:auto;border:1px solid var(--line,#deded0);background:transparent;color:var(--ink,#333b2e);border-radius:5px;min-height:44px;padding:7px 5px;font:12px/1.5 "Noto Serif Devanagari","Noto Serif",serif;max-width:98px;cursor:pointer}
.site-language select:focus-visible{outline:2px solid var(--saffron,#ab7443);outline-offset:3px}
html[lang="en"]{--font-ui:"Noto Serif","Noto Serif Devanagari",Georgia,serif}
html[lang="en"] .intro-description,html[lang="en"] .section-heading h2{font-family:"Noto Serif","Noto Serif Devanagari",Georgia,serif}
.app-header .brand-area{width:auto;min-width:var(--sidebar-width);gap:14px;padding:0 24px}
.app-header .header-breadcrumb{padding:0 22px;min-width:0}
.app-header .header-actions{padding-left:12px}
@media(max-width:1100px){.app-header .header-breadcrumb{display:none}.app-header .brand-area{gap:10px;padding:0 18px}.app-header .header-actions{gap:16px;padding-right:18px}}
@media(max-width:600px){.app-header .brand-area{gap:8px;padding:0 10px;min-width:0}.app-header .site-language-icon{display:none}.app-header .site-language select{max-width:76px;font-size:10px;padding:5px 2px}.app-header .brand-wheel{display:none}.app-header .brand{gap:0}.app-header .brand-wordmark{font-size:28px}.app-header .brand-media{font-size:13px}.app-header .header-actions{gap:4px;padding:0 8px}.app-header .header-divider{display:none}.app-header .header-action{min-width:32px;min-height:44px;justify-content:center}.app-header .header-action span,.app-header kbd{display:none}.app-header .mobile-menu{padding:6px;width:30px;flex-shrink:0}}
@media(max-width:360px){.app-header{padding:0 8px}.app-header .brand-area{padding:0;gap:6px;flex-shrink:0}.app-header .brand-wordmark{font-size:26px}.app-header .brand-media{font-size:11px}.app-header .mobile-menu{width:28px;margin-left:0}.app-header .header-actions{padding:0;gap:2px;flex-shrink:0}}
@media print{.site-language{display:none!important}}
