/* User-supplied PNG remains byte-for-byte unchanged.
   The viewport excludes empty transparent canvas, never logo artwork.
   A light header preserves the original black lettering in both modes. */
#jtbd-app header {
  background: #f7f8fa;
  --muted: #5b6371;
  --line: #dce1e8;
}
#jtbd-app header .brand {
  --logo-width: 240px;
  position: relative;
  display: block;
  flex: 0 0 var(--logo-width);
  width: var(--logo-width);
  height: 48px;
  padding: 0;
  background: transparent;
  overflow: hidden;
  line-height: 0;
}
#jtbd-app .brand-logo {
  position: absolute;
  display: block;
  width: calc(var(--logo-width) * 4784 / 1792);
  max-width: none;
  height: auto;
  left: calc(var(--logo-width) * -1496 / 1792);
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 4784 / 1196;
  object-fit: contain;
  filter: none;
  pointer-events: none;
}
#jtbd-app header nav { flex-shrink: 0; }
@media (max-width: 700px) {
  #jtbd-app header .brand { --logo-width: 190px; height: 40px; }
}
@media (max-width: 360px) {
  #jtbd-app header .brand { --logo-width: 170px; }
}