/* ═══════════════════════════════════════════════════════════════
   nfl/assets/css/style.css — NFL-only rules
   Shared structure: shared/assets/css/base.css
   Colours: nfl/assets/css/tokens.css
   ═══════════════════════════════════════════════════════════════ */

/* ─── NFL league stamp (plain, no dropdown) ─── */
.league-stamp.stamp-nfl { background: var(--stamp-bg); color: var(--stamp-ink); }
@media (max-width: 720px) {
  .topbar .league-stamp.stamp-nfl { grid-area: badge; justify-self: start; }
}

/* ─── Team pills and team band halves (all 32 teams) ─── */
.pill[data-team="ARI"]{background:var(--team-ARI);color:var(--team-ARI-fg)}
.pill[data-team="ATL"]{background:var(--team-ATL);color:var(--team-ATL-fg)}
.pill[data-team="BAL"]{background:var(--team-BAL);color:var(--team-BAL-fg)}
.pill[data-team="BUF"]{background:var(--team-BUF);color:var(--team-BUF-fg)}
.pill[data-team="CAR"]{background:var(--team-CAR);color:var(--team-CAR-fg)}
.pill[data-team="CHI"]{background:var(--team-CHI);color:var(--team-CHI-fg)}
.pill[data-team="CIN"]{background:var(--team-CIN);color:var(--team-CIN-fg)}
.pill[data-team="CLE"]{background:var(--team-CLE);color:var(--team-CLE-fg)}
.pill[data-team="DAL"]{background:var(--team-DAL);color:var(--team-DAL-fg)}
.pill[data-team="DEN"]{background:var(--team-DEN);color:var(--team-DEN-fg)}
.pill[data-team="DET"]{background:var(--team-DET);color:var(--team-DET-fg)}
.pill[data-team="GB"]{background:var(--team-GB);color:var(--team-GB-fg)}
.pill[data-team="HOU"]{background:var(--team-HOU);color:var(--team-HOU-fg)}
.pill[data-team="IND"]{background:var(--team-IND);color:var(--team-IND-fg)}
.pill[data-team="JAX"]{background:var(--team-JAX);color:var(--team-JAX-fg)}
.pill[data-team="KC"]{background:var(--team-KC);color:var(--team-KC-fg)}
.pill[data-team="LA"]{background:var(--team-LA);color:var(--team-LA-fg)}
.pill[data-team="LAC"]{background:var(--team-LAC);color:var(--team-LAC-fg)}
.pill[data-team="LV"]{background:var(--team-LV);color:var(--team-LV-fg)}
.pill[data-team="MIA"]{background:var(--team-MIA);color:var(--team-MIA-fg)}
.pill[data-team="MIN"]{background:var(--team-MIN);color:var(--team-MIN-fg)}
.pill[data-team="NE"]{background:var(--team-NE);color:var(--team-NE-fg)}
.pill[data-team="NO"]{background:var(--team-NO);color:var(--team-NO-fg)}
.pill[data-team="NYG"]{background:var(--team-NYG);color:var(--team-NYG-fg)}
.pill[data-team="NYJ"]{background:var(--team-NYJ);color:var(--team-NYJ-fg)}
.pill[data-team="PHI"]{background:var(--team-PHI);color:var(--team-PHI-fg)}
.pill[data-team="PIT"]{background:var(--team-PIT);color:var(--team-PIT-fg)}
.pill[data-team="SEA"]{background:var(--team-SEA);color:var(--team-SEA-fg)}
.pill[data-team="SF"]{background:var(--team-SF);color:var(--team-SF-fg)}
.pill[data-team="TB"]{background:var(--team-TB);color:var(--team-TB-fg)}
.pill[data-team="TEN"]{background:var(--team-TEN);color:var(--team-TEN-fg)}
.pill[data-team="WAS"]{background:var(--team-WAS);color:var(--team-WAS-fg)}

.pgh-team[data-team="ARI"]{--team-bg:var(--team-ARI);--team-fg:var(--team-ARI-fg)}
.pgh-team[data-team="ATL"]{--team-bg:var(--team-ATL);--team-fg:var(--team-ATL-fg)}
.pgh-team[data-team="BAL"]{--team-bg:var(--team-BAL);--team-fg:var(--team-BAL-fg)}
.pgh-team[data-team="BUF"]{--team-bg:var(--team-BUF);--team-fg:var(--team-BUF-fg)}
.pgh-team[data-team="CAR"]{--team-bg:var(--team-CAR);--team-fg:var(--team-CAR-fg)}
.pgh-team[data-team="CHI"]{--team-bg:var(--team-CHI);--team-fg:var(--team-CHI-fg)}
.pgh-team[data-team="CIN"]{--team-bg:var(--team-CIN);--team-fg:var(--team-CIN-fg)}
.pgh-team[data-team="CLE"]{--team-bg:var(--team-CLE);--team-fg:var(--team-CLE-fg)}
.pgh-team[data-team="DAL"]{--team-bg:var(--team-DAL);--team-fg:var(--team-DAL-fg)}
.pgh-team[data-team="DEN"]{--team-bg:var(--team-DEN);--team-fg:var(--team-DEN-fg)}
.pgh-team[data-team="DET"]{--team-bg:var(--team-DET);--team-fg:var(--team-DET-fg)}
.pgh-team[data-team="GB"]{--team-bg:var(--team-GB);--team-fg:var(--team-GB-fg)}
.pgh-team[data-team="HOU"]{--team-bg:var(--team-HOU);--team-fg:var(--team-HOU-fg)}
.pgh-team[data-team="IND"]{--team-bg:var(--team-IND);--team-fg:var(--team-IND-fg)}
.pgh-team[data-team="JAX"]{--team-bg:var(--team-JAX);--team-fg:var(--team-JAX-fg)}
.pgh-team[data-team="KC"]{--team-bg:var(--team-KC);--team-fg:var(--team-KC-fg)}
.pgh-team[data-team="LA"]{--team-bg:var(--team-LA);--team-fg:var(--team-LA-fg)}
.pgh-team[data-team="LAC"]{--team-bg:var(--team-LAC);--team-fg:var(--team-LAC-fg)}
.pgh-team[data-team="LV"]{--team-bg:var(--team-LV);--team-fg:var(--team-LV-fg)}
.pgh-team[data-team="MIA"]{--team-bg:var(--team-MIA);--team-fg:var(--team-MIA-fg)}
.pgh-team[data-team="MIN"]{--team-bg:var(--team-MIN);--team-fg:var(--team-MIN-fg)}
.pgh-team[data-team="NE"]{--team-bg:var(--team-NE);--team-fg:var(--team-NE-fg)}
.pgh-team[data-team="NO"]{--team-bg:var(--team-NO);--team-fg:var(--team-NO-fg)}
.pgh-team[data-team="NYG"]{--team-bg:var(--team-NYG);--team-fg:var(--team-NYG-fg)}
.pgh-team[data-team="NYJ"]{--team-bg:var(--team-NYJ);--team-fg:var(--team-NYJ-fg)}
.pgh-team[data-team="PHI"]{--team-bg:var(--team-PHI);--team-fg:var(--team-PHI-fg)}
.pgh-team[data-team="PIT"]{--team-bg:var(--team-PIT);--team-fg:var(--team-PIT-fg)}
.pgh-team[data-team="SEA"]{--team-bg:var(--team-SEA);--team-fg:var(--team-SEA-fg)}
.pgh-team[data-team="SF"]{--team-bg:var(--team-SF);--team-fg:var(--team-SF-fg)}
.pgh-team[data-team="TB"]{--team-bg:var(--team-TB);--team-fg:var(--team-TB-fg)}
.pgh-team[data-team="TEN"]{--team-bg:var(--team-TEN);--team-fg:var(--team-TEN-fg)}
.pgh-team[data-team="WAS"]{--team-bg:var(--team-WAS);--team-fg:var(--team-WAS-fg)}

/* ─── Page rules: added as each page is built ─── */

/* Game: picker */
.game-pick { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.game-pick label { font-family: var(--font-display); font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); }
.game-pick select { font: inherit; font-weight: 600; padding: 6px 10px; border: 1px solid var(--rule); border-radius: var(--radius); background: var(--paper); color: var(--ink); }
.gp-btn { font-family: var(--font-display); font-size: 12px; font-weight: 800; letter-spacing: .5px; padding: 6px 12px; border: 1px solid var(--accent); border-radius: var(--radius); background: var(--paper); color: var(--accent); cursor: pointer; }
.gp-btn:hover { background: var(--accent); color: var(--on-accent); }

/* Game: projected score */
.game-score { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; padding: 8px 0 4px; }
.gs-team { display: flex; align-items: center; gap: 12px; }
.gs-pts { font-family: var(--font-display); font-size: 32px; font-weight: 800; letter-spacing: -1px; color: var(--ink); line-height: 1; }
.gs-qb { font-size: 12px; color: var(--muted); }
@media (max-width: 720px) { .game-score { gap: 12px; } .gs-pts { font-size: 26px; } }

/* Game: Why column */
.dt td.why { min-width: 280px; white-space: normal; line-height: 1.45; }

/* Home: three nav cards */
.cards.cards-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) { .cards.cards-3 { grid-template-columns: 1fr; } .cards.cards-3 .card { border-right: none; border-bottom: 1px solid var(--rule); } }