/* Language selector — works with both light (Syne) and dark themes via CSS var fallbacks */
.lang-sel{position:relative;display:flex;align-items:center}
.lang-btn{background:var(--lang-bg,var(--gray-100));border:1px solid var(--lang-border,var(--gray-200));border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer;color:var(--lang-text,var(--gray-500));font-family:'Space Mono',monospace;display:flex;align-items:center;gap:4px;transition:border-color .2s}
.lang-btn:hover{border-color:var(--lang-border-hover,var(--gray-400))}
.lang-menu{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--lang-menu-bg,var(--white));border:1px solid var(--lang-border,var(--gray-200));border-radius:10px;padding:4px;min-width:140px;z-index:2000;box-shadow:0 8px 24px var(--lang-shadow,rgba(0,0,0,.12))}
.lang-menu.open{display:block}
.lang-opt{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;color:var(--lang-text,var(--gray-600));font-family:'Space Mono',monospace;transition:background .15s}
.lang-opt:hover{background:var(--lang-hover-bg,var(--gray-100));color:var(--lang-hover-text,var(--black))}
.lang-opt.active{color:var(--lang-active,#22c55e);font-weight:700}
[dir="rtl"] .nav-right{flex-direction:row-reverse}