.cw-language{display:inline-flex!important;align-items:center;gap:8px;font:500 12px system-ui,sans-serif;color:#31465e;margin:8px 0;flex-shrink:0}.cw-language select{width:auto;min-width:64px;padding:7px 9px;margin:0;min-height:44px;border:1px solid #cedfe2;border-radius:9px;background:#fff;color:#11284b;font:inherit}.topbar .cw-language{margin-left:auto}.login-card .cw-language{margin-top:18px}.cw-language select:focus-visible{outline:3px solid #11aaa0;outline-offset:2px}@media(max-width:600px){.topbar{flex-wrap:nowrap}.cw-language{max-width:100%}.cw-language>span{display:none}}

/* Keep the language control in the primary header row on narrow screens. */
@media(max-width:850px){
  header:not(.topbar):has(>nav){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
  header:not(.topbar)>nav{grid-row:2;grid-column:1/-1;width:100%;justify-content:space-between}
  header:not(.topbar)>.cw-language{grid-row:1;grid-column:2;margin:0}
  header .cw-language>span{display:none}
  header .cw-language select{width:64px;min-width:64px}
}
@media(max-width:600px){
  header:not(.topbar){flex-wrap:nowrap;gap:8px}
  header:not(.topbar)>.brand{min-width:0;font-size:18px;gap:6px;letter-spacing:-.6px}
  header:not(.topbar)>.brand img{width:30px;height:30px}
  header:not(.topbar)>.brand small{font-size:6px;letter-spacing:.6px}
  header:not(.topbar):not(:has(>nav))>.brand small{display:none}
  .topbar{flex-wrap:nowrap!important;gap:8px}
  .topbar>span{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar>div{min-width:0;flex-wrap:nowrap;gap:6px}
  .topbar #identity{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .quiet{padding-left:6px;padding-right:6px;white-space:nowrap}
  .topbar .cw-language{margin:0 0 0 auto}
}