/* Top utility bar: language picker + light/dark switch. Shared by every page. */
.ubar{background:var(--bg);border-bottom:1px solid var(--sep);font-size:13px;color:var(--ink-2);letter-spacing:-.01em}
.ubar .wrap{height:36px;display:flex;align-items:center;justify-content:flex-end;gap:6px}
.ubar .lang{position:relative;display:flex;align-items:center;gap:5px;height:28px;padding:0 8px;border-radius:8px;cursor:pointer;transition:background-color .15s}
.ubar .lang:hover,.ubar .lang:focus-within{background:var(--fill)}
.ubar select{field-sizing:content;max-width:150px;appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;padding:0 14px 0 0;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6'%3E%3Cpath d='M1 1l3.5 3.5L8 1' fill='none' stroke='%2386868b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right center}
.ubar select:focus{outline:none}
.ubar .sep{width:1px;height:16px;background:var(--sep)}
.theme-btn{display:flex;align-items:center;gap:6px;height:28px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:13px;cursor:pointer;transition:background-color .15s,transform .1s ease-out}
.theme-btn:hover{background:var(--fill)}
.theme-btn:active{transform:scale(.96)}
.ubar svg{display:block;flex:none;color:var(--ink-2)}

/* Theme changes ease in instead of flashing */
html.theme-anim,html.theme-anim *{transition:background-color .3s ease,color .3s ease,border-color .3s ease!important}
@media (prefers-reduced-motion:reduce){ html.theme-anim,html.theme-anim *{transition:none!important} }

/* Keep Google Translate's own banner and popups out of the design */
#google_translate_element,.skiptranslate iframe,iframe.goog-te-banner-frame,.goog-te-banner-frame,
#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip,.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-yAWNEb-L7lbkb,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{display:none!important}
body{top:0!important;position:static!important}
.goog-text-highlight,font[style]{background:none!important;box-shadow:none!important}