/* Compact bilingual selector: works with existing light and twilight themes. */
.language-picker{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;border:1px solid #b88a8c;border-radius:999px;background:#fff7f4;color:#17474a;padding:7px 10px;font-weight:700}
.language-picker select{appearance:auto;min-width:83px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.language-picker select:focus-visible{outline:2px solid #19464a;outline-offset:3px;border-radius:3px}
html[data-theme="twilight"] .language-picker{background:#304347;color:#f0eee9;border-color:#b88a8c}
@media(max-width:1000px){.language-picker{margin-left:auto}}
@media(max-width:650px){.language-picker{padding:6px 5px;gap:2px;font-size:12px}.language-picker select{min-width:70px}.language-picker .language-icon{font-size:14px}.site-header .nav-wrap{gap:5px}.site-header .theme-toggle{padding:8px 7px}.site-header .pill-btn{padding:9px 7px}}

/* On narrow phones, keep language at top right without crowding the other actions. */
@media(max-width:650px){
 .site-header .nav-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;height:auto;min-height:70px;padding-top:7px;padding-bottom:7px;column-gap:8px;row-gap:5px}
 .site-header .brand{grid-column:1;grid-row:1;min-width:0;margin-right:0}
 .site-header .language-picker{grid-column:2;grid-row:1;justify-self:end;margin:0}
 .site-header .theme-toggle{grid-column:1;grid-row:2;justify-self:start}
 .site-header .pill-btn{grid-column:2;grid-row:2;justify-self:end;width:auto;max-width:none}
}

/* Reserve room for language controls without pushing the desktop header off-screen. */
@media(min-width:1121px){
 .site-header .nav-wrap{gap:12px}
 .site-header .nav-links{gap:15px;font-size:13px}
 .site-header .pill-btn{padding:12px 16px;font-size:13px}
 .site-header .brand-copy strong{font-size:22px}
 .site-header .brand-copy small{max-width:235px;font-size:7px;line-height:1.25}
 .site-header .brand-mark{width:46px;height:46px;flex-shrink:0}
}
@media(min-width:1001px) and (max-width:1120px){
 .site-header .nav-links{display:none}
 .site-header .nav-wrap{gap:14px}
}

/* Accessible native select menus in both color schemes.
   Explicit option colors prevent pale-on-pale text in browser/OS popups. */
.language-picker select{color-scheme:light;color:#17474a}
.language-picker select option{background-color:#fff7f4;color:#173f42;font-weight:600}
html[data-theme="twilight"] .language-picker select{color-scheme:dark;color:#f7f2e9}
html[data-theme="twilight"] .language-picker select option{background-color:#1c3439;color:#f8f5ef;font-weight:600}
html[data-theme="twilight"] .language-picker select option:checked{background-color:#41646a;color:#ffffff}