.language-control {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border: 1px solid #dedfd5;
  border-radius: 8px;
  background: #fafbf7;
  color: #495642;
  flex-shrink: 0;
  font: 600 12px 'DM Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
.language-control > span { font-size: 11px; color: #7c836f; }
.language-control select { width: auto; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 2px; }
.language-control:focus-within { outline: 2px solid #637953; outline-offset: 3px; }
.dialog-language { margin: 0 45px 22px 0; }
html[lang="zh-CN"] body { font-family: 'DM Sans', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; }
html[lang="zh-CN"] :is(h1, h2, h3, button, input, select, textarea) { font-family: 'Manrope', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; }
html[lang="zh-CN"] :is(.eyebrow, .feature-kicker, .dialog-eyebrow, .nav-label) { letter-spacing: .08em; }
html[lang="zh-CN"] :is(.hero-copy p, .lesson-section p, .info-copy) { line-height: 1.9; }
html[lang="zh-CN"] .hero-copy h1 { line-height: 1.3; }
@media (max-width: 1200px) { .topbar .network-status, .topbar .topbar-divider { display: none; } }
@media (max-width: 650px) {
  .topbar { height: auto; min-height: 72px; flex-wrap: wrap; gap: 12px; padding-top: 12px; padding-bottom: 12px; }
  .topbar-actions { margin-left: auto; gap: 8px; }
  .topbar .notification-button { display: none; }
  .language-control { padding: 5px 6px; }
  .topbar .language-control > span { display: none; }
}