/* The supplied PNG stays byte-for-byte intact. This display window removes only
   its transparent outer margin; no artwork is redrawn, stretched or recolored. */
.brand-logo {
  display: block;
  position: relative;
  width: 229px;
  max-width: 100%;
  aspect-ratio: 2103 / 513;
  overflow: hidden;
  flex-shrink: 0;
  margin: 0;
}
.brand-logo > .brand-logo-image {
  position: absolute;
  display: block;
  width: 103.28103%;
  max-width: none;
  height: auto;
  left: -1.28388%;
  top: -16.37427%;
  margin: 0;
}
.site-header > .wordmark {
  display: block;
  width: 229px;
  max-width: 100%;
  padding: 0;
  font-size: 0;
  line-height: 1;
}
.site-header > .wordmark .brand-logo { width: 100%; }
.footer-brand { display: block; width: 229px; max-width: 100%; font-size: 0; line-height: 1; }
.footer-brand .brand-logo { width: 100%; }
.ballpark-closing .closing-brand { width: 240px; flex: 0 1 240px; }
.admin-header { padding-block: 11px; }
.admin-header .brand { display: block; width: 229px; min-width: 0; max-width: calc(100vw - 180px); padding: 0; line-height: 1; }
.admin-header .brand .brand-logo { width: 100%; margin: 0; }
.admin-brand-footer { display: block; width: 229px; max-width: 100%; }
@media (max-width: 600px) {
  .site-header > .wordmark { width: 180px; }
  .footer-brand, .admin-brand-footer, .admin-header .brand { width: 180px; }
  .ballpark-closing .closing-brand { width: 170px; flex: 0 1 170px; margin-left: auto; }
  body:has(.admin-header) footer { flex-wrap: wrap; gap: 12px; }
}
/* Release 155: the Pro badge beside a Pro member's name on every leaderboard. A light holofoil chip echoes the Pro card
   and reads the same on the paper boards and the dark homepage boards. */
.pro-badge{--pro-badge-fill:linear-gradient(100deg,#ffb894 0%,#ffe27f 26%,#93e6c9 50%,#a2c6ff 74%,#d8b6ff 100%);--pro-badge-ink:#142b43;--pro-badge-edge:#142b4366;--pro-badge-shine:#ffffff99;display:inline-flex;align-items:center;margin-left:8px;padding:3px 8px;border:1px solid var(--pro-badge-edge);border-radius:3px;background:var(--pro-badge-fill);color:var(--pro-badge-ink);font:800 12px/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;vertical-align:2px;white-space:nowrap;box-shadow:inset 0 1px 0 var(--pro-badge-shine),0 1px 2px #0b1a2b33}
/* Release 156: the twelve team colors use each card colorway's accent, ink and trim. */
.pro-badge-blue{--pro-badge-fill:#24567d;--pro-badge-ink:#fff1cf;--pro-badge-edge:#f26a2c;--pro-badge-shine:#ffffff33}
.pro-badge-orange{--pro-badge-fill:#b84110;--pro-badge-ink:#fff1cf;--pro-badge-edge:#1a2e52;--pro-badge-shine:#ffffff33}
.pro-badge-gold{--pro-badge-fill:#e2c180;--pro-badge-ink:#142b43;--pro-badge-edge:#8a6a24;--pro-badge-shine:#ffffff33}
.pro-badge-steel{--pro-badge-fill:#425e78;--pro-badge-ink:#fff1cf;--pro-badge-edge:#c9cfd7;--pro-badge-shine:#ffffff33}
.pro-badge-red{--pro-badge-fill:#b3202a;--pro-badge-ink:#fff1cf;--pro-badge-edge:#1a2e52;--pro-badge-shine:#ffffff33}
.pro-badge-royal{--pro-badge-fill:#1f4fbf;--pro-badge-ink:#fff1cf;--pro-badge-edge:#d6262f;--pro-badge-shine:#ffffff33}
.pro-badge-green{--pro-badge-fill:#1f5a3c;--pro-badge-ink:#fff1cf;--pro-badge-edge:#f0c260;--pro-badge-shine:#ffffff33}
.pro-badge-purple{--pro-badge-fill:#4b2a7b;--pro-badge-ink:#fff1cf;--pro-badge-edge:#111318;--pro-badge-shine:#ffffff33}
.pro-badge-teal{--pro-badge-fill:#0f6f74;--pro-badge-ink:#fff1cf;--pro-badge-edge:#10161f;--pro-badge-shine:#ffffff33}
.pro-badge-powder{--pro-badge-fill:#6f9fcb;--pro-badge-ink:#142b43;--pro-badge-edge:#d6262f;--pro-badge-shine:#ffffff33}
.pro-badge-midnight{--pro-badge-fill:#1d1f24;--pro-badge-ink:#f26a2c;--pro-badge-edge:#f26a2c;--pro-badge-shine:#ffffff33}
.pro-badge-maroon{--pro-badge-fill:#6d1a2a;--pro-badge-ink:#f0c260;--pro-badge-edge:#f0c260;--pro-badge-shine:#ffffff33}
/* The homepage board styles every span in a name cell as a 44px name target; the badge keeps its own size and ink. */
body.hub-page .hub-board tbody th > span.pro-badge{min-height:0;color:var(--pro-badge-ink)}