.brand .site-logo { display: block; width: 56px; height: 56px; flex: none; object-fit: contain; border-radius: 5px; }
.locale-switch {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 7px;
  flex: none;
  white-space: nowrap;
  padding: 0 12px;
  border: 1px solid #c6d0be;
  border-radius: 5px;
  font-size: .82rem;
  font-weight: 700;
}
.locale-switch:hover { background: #e9ede2; }
.locale-switch span { color: #58735d; }
html[lang="zh-Hant-TW"] { font-family: system-ui, "PingFang TC", "Microsoft JhengHei", sans-serif; }
@media (max-width: 880px) { header > .nav .version { display: none; } }
@media (max-width: 620px) {
  header > .nav { display: grid; grid-template-columns: minmax(0, 1fr) auto; padding-block: 8px 0; gap: 0 8px; }
  .brand .site-logo { width: 42px; height: 42px; }
  header > .nav nav { grid-row: 2; grid-column: 1 / -1; }
  header > .nav .locale-switch { grid-column: 2; grid-row: 1; }
  header > .nav nav a.mobile-nav { display: inline-flex; }
}