/* ====== Base ====== */
.spz-v2 { font-family: Arial, Helvetica, sans-serif; } /* neutral like your site */

/* ====== Filters — neutral style like your snippet ====== */
.spz-filters.neutral {
  display:flex; flex-wrap:wrap; align-items:center;
  gap:8px 30px; margin:7px 0 7px 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
}
.spz-filters.neutral label {
  font-weight:500; font-size:13px; margin:0; line-height:1.2;
  color: #6b7280;
}
.spz-filters.neutral select {
  height:32px; padding:0 10px; font-size:13px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  border:1px solid #ccc; border-radius:6px;
  background:#fff; color:#111;
}

/* Graceful stacking on mobile */
@media (max-width: 640px) {
  .spz-filters.neutral { gap:6px 8px; }
  .spz-filters.neutral label { width:calc(50% - 8px); }
  .spz-filters.neutral label select { width:100%; }
}

/* ====== Layout / wrappers ====== */
.spz-grid { display:grid; gap:18px; }
@media (min-width: 900px) {
  .spz-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .spz-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .spz-cols-4 { grid-template-columns: repeat(4, 1fr); }
}

/* ====== Section header above each table ====== */
.spz-table-header {
  background:#232323;
  color:#fff;
  padding:6px 10px;
  margin:0; /* no gap before table */
  text-align: center;
}
.spz-table-header h3 { margin:0; font-size:1.1rem; color:#fff; }

/* (ADDED) Alternate header/title styles you provided */
.cheatsheet-table-header,
.cheat-sheet-title,
.cheat-sheat-title {
  background-color:#232323;
  color:#fff;
  display:block;
  padding:5px 5px;
  width:100%;
}
.cheatsheet-table-header p { margin-bottom:0; }

/* ====== Table ====== */
.cheat-sheet-table {
  width:100%;
  border-collapse:collapse;
  table-layout: fixed;
  font-family: inherit;
}
.cheat-sheet-table thead th {
  background:#808080;
  color:#fff;
  text-align:center;
  padding:6px 4px;
  font-weight:700;
}
.cheat-sheet-table tbody td {
  /* Target ~3px total space around the badge:
     td padding 2px + badge padding 1px => 3px */
  padding:2px 6px;
  text-align:center;
  border-bottom:1px solid #eee;
  vertical-align:middle;
}

/* (ADDED) Your type rules (scoped to this table) */
.cheat-sheet-table td {
  font-family: Oswald, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
}

/* (ADDED) Your span badge rules (scoped to this table) */
.cheat-sheet-table span {
  color:#fff;
  font-size:0.8em;
  display:inline-block;
  padding:1px 8px 0 8px;
  margin:0 0 5px 0;
  min-width:60%;
}

/* Column widths */
.cheat-sheet-table .col-rk,
.cheat-sheet-table .col-gp { width:56px; }
.cheat-sheet-table .col-val { width:84px; }

/* Sortable headers */
.cheat-sheet-table th.sortable,
.cheat-sheet-table th[data-sort] { cursor:pointer; user-select:none; }
.cheat-sheet-table th.sortable:hover,
.cheat-sheet-table th[data-sort]:hover { filter:brightness(1.08); }

/* Team cell/badge */
.team-cell { text-align:left; }
.team-badge {
  display:inline-block;
  padding:1px 8px;              /* tighter (1px top/btm) */
  color:#fff;
  font-size:.9rem;
  font-weight:700;
  letter-spacing:.4px;
  border-radius:3px;
}

/* Updated stamp */
.spz-updated {
  background-color:#3a3a3a;
  color:#fff;
  font-family: Oswald, Arial, Helvetica, sans-serif;
  padding:1px 0;
  text-align:center;
  font-size:0.75em;
  font-weight:normal;
}

/* Playing markers (hook for theme if needed) */
.playing-today    { }
.playing-tomorrow { }

/* ====== Team color classes ====== */
.ANA-background { background-color:#F47A38; border-bottom:4px solid #000; }
.ARI-background { background-color:#8C2633; border-bottom:4px solid #E2D6B5; }
.BOS-background { background-color:#000000; border-bottom:4px solid #FFB81C; }
.BUF-background { background-color:#003087; border-bottom:4px solid #FFB81C; }
.CGY-background { background-color:#D2001C; border-bottom:4px solid #FAAF19; }
.CAR-background { background-color:#CE1126; border-bottom:4px solid #000000; }
.CHI-background { background-color:#CF0A2C; border-bottom:4px solid #000000; }
.COL-background { background-color:#6F263D; border-bottom:4px solid #236192; }
.CBJ-background { background-color:#002654; border-bottom:4px solid #CE1126; }
.DAL-background { background-color:#006847; border-bottom:4px solid #8F8F8C; }
.DET-background { background-color:#CE1126; border-bottom:4px solid #FFFFFF; }
.EDM-background { background-color:#041E42; border-bottom:4px solid #FF4C00; }
.FLA-background { background-color:#041E42; border-bottom:4px solid #C8102E; }
.LAK-background { background-color:#111111; border-bottom:4px solid #A2AAAD; }
.MIN-background { background-color:#154734; border-bottom:4px solid #DDCBA4; }
.MTL-background { background-color:#AF1E2D; border-bottom:4px solid #192168; }
.NSH-background { background-color:#041E42; border-bottom:4px solid #FFB81C; }
.NJD-background { background-color:#CE1126; border-bottom:4px solid #000000; }
.NYI-background { background-color:#00539B; border-bottom:4px solid #F47D30; }
.NYR-background { background-color:#0038A8; border-bottom:4px solid #CE1126; }
.OTT-background { background-color:#000000; border-bottom:4px solid #DA1A32; }
.PHI-background { background-color:#F74902; border-bottom:4px solid #000000; }
.PIT-background { background-color:#000000; border-bottom:4px solid #FCB514; }
.STL-background { background-color:#002F87; border-bottom:4px solid #041E42; }
.SJS-background { background-color:#006D75; border-bottom:4px solid #EA7200; }
.SEA-background { background-color:#001628; border-bottom:4px solid #99D9D9; }
.TBL-background { background-color:#002868; border-bottom:4px solid #FFFFFF; }
.TOR-background { background-color:#00205B; border-bottom:4px solid #FFFFFF; }
.VAN-background { background-color:#00205B; border-bottom:4px solid #00843D; }
.VGK-background { background-color:#B4975A; border-bottom:4px solid #333F42; }
.WSH-background { background-color:#041E42; border-bottom:4px solid #C8102E; }
.WPG-background { background-color:#041E42; border-bottom:4px solid #004C97; }
.UTA-background { background-color:#050706; border-bottom:4px solid #7cb0e0; }

/* Remove the phantom paragraph Avada/WP inserts after the title strip */
.cheatsheet-table-header + .fusion-text > p:first-child { 
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

/* Extra-safe variants if the paragraph contains only a <br> or is truly empty */
.cheatsheet-table-header + .fusion-text > p:first-child:empty,
.cheatsheet-table-header + .fusion-text > p:first-child:has(br:only-child) {
  display: none !important;
}