/* The Chinese reading of 7 stays with the wordmark across the dark previews. */
.brand > .brand-wordmark, .wordmark > .brand-wordmark { display: inline-flex; align-items: baseline; gap: .18em; color: var(--bone); white-space: nowrap; }
.brand-separator { font-size: .5em; line-height: 1; letter-spacing: 0; color: var(--dim); }
.brand-qi { font-family: 'Songti SC', 'STSong', 'SimSun', serif; font-size: .72em; font-weight: 400; line-height: 1; letter-spacing: 0; color: var(--violet); }
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .brand-qi { background: var(--rainbow); background-clip: text; -webkit-background-clip: text; color: transparent; }
}
@media(max-width:360px) {
  .site-header { padding-left: 14px; padding-right: 14px; gap: 6px; }
  .site-header .brand { gap: 6px; }
  .site-header .brand > img { width: 24px; height: 24px; }
  .site-header .brand > .brand-wordmark { font-size: 22px; }
}