/* Language selector (top bar, side rail, public header) -- every page, every language (2026-10-13). A native <select>
   (keyboard + phone pickers work) dressed as a pill: globe icon, current language, chevron. */
.lang-sw{display:inline-flex;align-items:center;margin:0}
.lang-sw select{appearance:none;-webkit-appearance:none;font:inherit;font-size:13px;font-weight:600;line-height:1;
  color:#e8edf8;background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:999px;
  height:32px;padding:0 26px 0 34px;cursor:pointer;min-width:0;max-width:140px;
  background-image:var(--flag,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%239fb3d9' stroke-width='1.6'%3E%3Ccircle cx='10' cy='10' r='7.2'/%3E%3Cpath d='M2.8 10h14.4M10 2.8c2 2 3 4.4 3 7.2s-1 5.2-3 7.2c-2-2-3-4.4-3-7.2s1-5.2 3-7.2z'/%3E%3C/svg%3E")),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%239fb3d9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat,no-repeat;background-size:18px 13.5px,14px 14px;background-position:left 10px center,right 9px center}
.lang-sw select:hover{border-color:rgba(95,199,230,.6);background-color:rgba(255,255,255,.1)}
.lang-sw select:focus-visible{outline:2px solid #5fc7e6;outline-offset:2px}
.lang-sw select option{background:#121a30;color:#e8edf8}
html[dir=rtl] .lang-sw select{padding:0 32px 0 28px;background-position:right 10px center,left 9px center}
.nav .lang-sw{margin-inline-start:6px}
@media (max-width:640px){.nav .lang-sw select{max-width:110px;padding-inline-end:24px}}
/* compact selector: flag + short code (operator 2026-10-14); flags are rounded inside the svg (static/flags) */
.lang-sw select{letter-spacing:.04em}