/* BWBooks — sportsbook brand marks (see static/js/book-logos.js).
   Class names deliberately do not collide with live.html's page-local
   .bw-book styles, which predate this module. Background and ink are set
   inline per book; everything geometric lives here. */

.bwbook {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  vertical-align: -0.12em;
}

.bwbook-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bwbook-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 5px;
  font-family: 'Inter', 'DM Sans', sans-serif;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1;
  user-select: none;
}

.bwbook-mark-xs { width: 16px; height: 16px; font-size: 7px; }
.bwbook-mark-sm { width: 20px; height: 20px; font-size: 8px; border-radius: 6px; }

/* Inline in running text (a price line, a table cell), the mark hangs on
   the baseline like the team crests do. */
.bwbook-mark { vertical-align: -0.18em; }