/**
 * NFL Native Pool - season leaderboard page styles
 *
 * Deliberately a SEPARATE file from picks-display.css and survivor.css,
 * not a shared stylesheet with comma-joined selectors. A previous
 * version had all three pages sharing one file with rules like
 * "#nflnp-leaderboard-inner, #nflnp-survivor-inner { ... }" - a change
 * meant for one page silently applied to the other too, which is
 * exactly what caused a real layout bug once. Physically separate
 * files make that class of bug impossible: editing this file cannot
 * affect the picks display or survivor pages, full stop.
 *
 * Width is intentionally NOT set here - season-leaderboard.js sets its
 * own inline maxWidth/margin. If that ever needs to change, change it
 * in season-leaderboard.js, not here.
 */

#nflnp-leaderboard-inner {
  font-family: 'Kalam', cursive;
}

#nflnp-leaderboard-inner * {
  font-family: 'Kalam', cursive;
  box-sizing: border-box;
}

/* 18 week columns get tight on narrow screens - the sticky Name column
   (set inline in season-leaderboard.js) stays visible as a reference
   point while scrolling. */
@media (max-width: 700px) {
  #nflnp-leaderboard-inner table {
    font-size: 12px;
  }
  #nflnp-leaderboard-inner h1 {
    font-size: 20px;
  }
}