body {
  margin: 0;
  color: var(--brand-text);
  background: var(--brand-canvas);
}
.app-brand {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px 24px;
  border-bottom: 1px solid var(--brand-border);
  background: #fff;
}
.app-brand img {
  display: block;
  width: 120px;
  height: auto;
}
.app-brand span {
  padding-left: 20px;
  border-left: 1px solid var(--brand-border);
  color: var(--brand-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
}
.nowrap {
  white-space: nowrap;
}
@media (max-width: 480px) {
  .app-brand {
    gap: 14px;
    padding: 10px 16px;
  }
  .app-brand img {
    width: 106px;
  }
  .app-brand span {
    padding-left: 14px;
    font-size: 11px;
  }
}