/* Games by league and day: one table per day, home team, score, away team and marker in columns, so scores line up
   like the email's. Standout lines and notes follow each game in full-width rows. */

.games table {
  width: auto;
  margin-block: 0 var(--space-m);
}

/* The day heading. */
.games caption {
  margin-block-start: var(--space-s);
  color: var(--color-text-muted);
  font-size: var(--font-size-small);
}

.games td {
  padding: var(--space-xs) var(--space-s) 0 0;
  border: 0;
}

/* A thin line between games, none inside one. */
.games tbody.game {
  border-bottom: var(--border-width) solid var(--color-border);
}

.games .score {
  text-align: center;
}

.games .marker {
  color: var(--color-text-muted);
  font-size: var(--font-size-small);
}

.games .live .marker {
  color: var(--color-live);
}

/* Stat lines of players with 3+ points or 5+ penalty minutes, and notes. */
.games .standout td,
.games .note td {
  padding-block: 0;
  font-size: var(--font-size-small);
}

.games .standout .team,
.games .note td {
  color: var(--color-text-muted);
}

.games .standout .stat-line {
  margin-inline-start: var(--space-xs);
}

/* The stat that made the line stand out: 3+ points or 5+ penalty minutes. */
.games .standout .stat-line strong {
  font-weight: var(--font-weight-bold);
}

.games tbody.game tr:last-child td {
  padding-block-end: var(--space-xs);
}

/* A favourite team's game and a favourite player's line: the same highlight as favourites in the standings. */
.games tbody.favourite > tr:first-child td,
.games tr.standout.favourite td {
  background: var(--color-highlight);
}