.brand-text { display: block; flex: 1 1 auto; min-width: 0; max-width: 100%; }

.language-link {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px; gap: 7px;
  color: var(--muted);
}
.language-link svg { width: 16px; height: 16px; flex: none; }
.language-link:hover { color: var(--blue); }
html[data-theme-ready="true"] .language-link {
  transition: color var(--theme-duration, 650ms) ease-in-out;
}

html[lang="en"] .signal-intro { max-width: 330px; }

html[lang="en"] .image-fallback::after { content: 'Image unavailable'; }

@media (min-width: 461px) and (max-width: 1080px) {
  /* 纵排品牌去掉图片内边距，让 Logo 与公司名保持紧凑。 */
  .brand-logo img { padding-block: 0; }
}

@media (max-width: 760px) {
  html[lang="en"] .hero h1 br { display: block; }

  html[lang="en"] .signal-intro { max-width: none; }
}

@media (max-width: 360px) {
  html[lang="en"] .signal-bottom { align-items: center; gap: 12px; }
  html[lang="en"] .signal-bottom > .mono { max-width: 130px; }
  html[lang="en"] .motion-toggle { gap: 8px; padding-left: 0; flex: none; }
}

@media (max-width: 460px) {
  /* 窄屏分两行显示品牌与全部控件，保留完整公司名和 44px 点击区域。 */
  :root { --header-height: 116px; }
  .header-inner {
    display: grid; grid-template-columns: minmax(0, 1fr);
    align-content: center; gap: 6px;
  }
  .brand { flex-direction: row; align-items: center; gap: 10px; }
  /* 名称增大后缩窄 Logo，为完整公司名保留一行空间。 */
  .brand-logo { width: 108px; }
  .header-actions { justify-self: stretch; width: 100%; }
  .header-actions > .language-link { margin-right: auto; justify-content: flex-start; }
}
@media (max-width: 360px) {
  .brand-logo { width: 100px; }
}