/*
 * Smart Parlays Galaxy membership: the NBA Galaxy Matchups (Cards) page (nba.js).
 * The layout reuses the NHL cards page's .bg-* classes from matchups.css (teams column, My combination,
 * bottom sheet), so both sports look the same in dark and light mode. Only the NBA additions are here,
 * prefixed .nb-, on the site variables. The card itself is styled by nba-cards.css.
 */
.nb-sport {
  display: inline-block; vertical-align: middle; margin-left: 8px; padding: 3px 10px; border-radius: 999px;
  border: 1px solid var(--line-strong); color: var(--cyan); font: 700 12px var(--font); letter-spacing: .04em;
}
.nb-games { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0 0 4px; padding: 0; list-style: none; color: var(--muted); font-size: 13px; }
.nb-games b { color: var(--text); font-family: var(--display); font-weight: 600; }
.nb-asof { margin: 0 0 10px; color: var(--faint); font-size: 12.5px; }
.nb-lines { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 12px; color: var(--muted); font-size: 12.5px; font-weight: 600; }
.nb-lines .bg-chips { margin-top: 0; }

/* My combination */
.nb-leg-h { display: block; margin-top: 2px; color: var(--faint); font-size: 12px; }
.bg-wrap .nb-copy { width: 100%; }
.nb-copybox { margin-top: 10px; color: var(--muted); font-size: 12px; }
.nb-copybox textarea {
  display: block; width: 100%; min-height: 120px; margin-top: 4px; padding: 8px; border-radius: 8px; resize: vertical;
  border: 1px solid var(--line-strong); background: var(--panel-2); color: var(--text); font: 12px/1.4 var(--font);
}

/* The sport tabs that are links (NBA from the NHL pages, NHL from the NBA pages). */
a.sport-tab:hover { text-decoration: none; }
a.sport-tab:not(.on):hover { color: var(--text); }