/* Only the outer website wordmark. Case/app identities retain their own design. */
a[data-site-brand] {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: .4em;
  text-transform: none;
  white-space: nowrap;
  letter-spacing: 0;
  font-weight: 300;
}
a[data-site-brand] .site-brand-name { font: inherit; }
a[data-site-brand] .site-brand-zh {
  font-size: .7em;
  font-weight: 300;
  letter-spacing: .04em;
  opacity: .65;
}
a[data-site-brand] > svg { align-self: center; flex-shrink: 0; }
@media (max-width: 600px) {
  .page-header > a[data-site-brand] { font-size: 18px; gap: .3em; }
}
@media (max-width: 360px) {
  .page-header > a[data-site-brand] .site-brand-zh { display: none; }
}