.language-switch { display: inline-flex; flex-shrink: 0; gap: 2px; padding: 3px; border: 1px solid #e0e2e7; background: #f2f3f5; border-radius: 8px; vertical-align: middle; }
.language-switch button { padding: 5px 9px; min-height: 28px; border: 0; border-radius: 5px; font: 11px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif; background: transparent; color: #7b818b; cursor: pointer; white-space: nowrap; }
.language-switch button[aria-pressed="true"] { color: #252a31; background: #fff; box-shadow: 0 1px 3px #0000000c; }
.language-switch button:hover { color: #1d1d1f; }
.language-switch button:focus-visible { outline: 3px solid #cbddea; outline-offset: 2px; }
.topactions > .language-switch { margin-left: 5px; }
.profilebar > .language-switch { margin-left: 15px; }
.modalheader > .language-switch { margin-left: auto; margin-right: 10px; }
.modalheader h2 { min-width: 0; }
.auth-form > .language-switch { display: flex; width: max-content; align-self: flex-end; margin: 0 0 22px auto; }
#app > .language-switch { display: flex; width: max-content; margin: 16px 20px 0 auto; }
html[lang="en"] .btn, html[lang="en"] .tabs button { white-space: normal; overflow-wrap: normal; }
html[lang="en"] .nav button { font-size: 12px; }
html[lang="en"] .city-intro h2 { letter-spacing: -.5px; }
html[lang="en"] .city-result-context { line-height: 1.8; }
html[lang="en"] .city-field select { text-overflow: ellipsis; }
html[lang="en"] .field { overflow-wrap: anywhere; }
html[lang="en"] .profile-signoff h2 { max-width: 680px; margin-left: auto; margin-right: auto; }
html[lang="en"] .phase-task-count { white-space: normal; text-align: right; }
html[lang="en"] .member-plan .btn { height: auto; }
@media (max-width: 760px) {
 .language-switch { padding: 2px; gap: 1px; }
 .language-switch button { min-height: 30px; padding: 5px 7px; font-size: 10px; }
 .topbar .topactions { gap: 6px; }
 .topbar .topactions .btn { padding-left: 8px; padding-right: 8px; font-size: 10px; }
 .topbar .breadcrumb { min-width: 0; gap: 7px; }
 html[lang="en"] .topbar .breadcrumb b { font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 104px; }
 html[lang="en"] .pagehead .actions { flex-wrap: wrap; }
 html[lang="en"] .city-fields { grid-template-columns: 1fr 1fr; }
 html[lang="en"] .city-field input, html[lang="en"] .city-field select { font-size: 11px; }
 html[lang="en"] .city-filter-foot { gap: 8px; }
 html[lang="en"] .city-quick button { font-size: 10px; padding: 6px 7px; }
 html[lang="en"] .city-quick > span { margin-right: 0; }
 html[lang="en"] .city-intro h2 { font-size: 21px; }
 html[lang="en"] .city-result-heading { align-items: flex-start; flex-direction: column; gap: 9px; }
 html[lang="en"] .city-result-heading > small { max-width: none; text-align: left; }
 .profilebar .actions { flex-wrap: wrap; }
 .modalheader > .language-switch { margin-right: 5px; }
 html[lang="en"] .modalheader h2 { font-size: 16px; }
}
@media (max-width: 360px) {
 .topbar .topactions [data-action="membership"] { padding-left: 5px; padding-right: 5px; font-size: 9px; }
 .topbar .topactions [data-action="membership"] svg { display: none; }
 .language-switch button { padding-left: 5px; padding-right: 5px; }
 html[lang="en"] .topbar .breadcrumb b { max-width: 80px; }
}