/* Shared header branding; artwork is derived from the approved app icon. */
.site-header .brand,
.topbar .brand-lockup {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.header-brand-icon {
  display: block;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  margin-right: 8px;
  transform: translateY(1px);
  border-radius: 6px;
}
.header-brand-wordmark {
  display: inline-flex;
  align-items: baseline;
}
@media (max-width: 360px) {
  .topbar .wordmark { font-size: 26px; }
  .topbar .header { gap: 8px; }
}