/* Keep the chosen map mark and the four-character name aligned in the header. */
.atlas-app .brand-symbol {
  width:32px;
  height:32px;
  flex:none;
  background:transparent;
  border-radius:8px;
  box-shadow:none;
  transition:none;
}
.atlas-app .brand-symbol img { display:block; width:100%; height:100%; object-fit:contain; }
.atlas-app .brand:hover .brand-symbol { transform:none; }
.atlas-app .brand-name { font-size:21px; letter-spacing:1px; line-height:1.2; white-space:nowrap; color:#5840a3; }
html[lang=en] .atlas-app .brand-name { font-weight:700; letter-spacing:-.5px; }
@media(max-width:520px) {
  .atlas-app .brand-symbol { width:30px; height:30px; }
  html[lang=en] .atlas-app .brand-name { font-size:19px; }
}
@media(max-width:560px) {
  html[lang=zh-CN] .atlas-app .brand-name { display:none; }
}