/* Cade NFL Madness results v9 (2026-10-06): the page's deltas on tournament.css + the broadcast layer.
   The podium is the layer's .b-podium.tiles; this file keeps the page's own: .b-finish (your finish band), .b-days / .b-day (the
   day by day titles), .b-full (the full standings with prize + status), .b-prize-key (the status legend). */
.tres .t-tabs{padding-top:40px}
.tres #podium{padding-top:48px}

/* ═════ THE PODIUM: the layer's .b-podium.tiles; its panel leaves room under the tiles ═════ */
.b-podwrap{padding-bottom:36px}

/* ═════ YOUR FINISH (b-finish): the kit's violet panel, the rank, the net credits, the share plate ═════ */
.b-finish{margin-top:32px}
.b-finish-f{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"h v c" "h t c";align-items:center;gap:6px 32px;padding:26px 40px 28px 36px}
.b-finish-h{grid-area:h;margin:0;padding:10px 30px 12px 22px;background:var(--ink);color:var(--paper);clip-path:var(--clip-chip);transform:rotate(-2deg);font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(32px,3.6vw,52px);line-height:.95;text-transform:uppercase;white-space:nowrap}
.b-finish-v{grid-area:v;margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-family:var(--data);font-weight:800;color:#fff}
.b-finish-v b{font-size:clamp(36px,3.4vw,48px);line-height:1}
.b-finish-v span{font-size:var(--fs-input)}
.b-finish-v i{font-style:normal;font-size:26px}
.b-finish-v em{font-style:normal;font-size:clamp(28px,2.6vw,38px);color:var(--yellow)}
.b-finish-t{grid-area:t;margin:0;font-family:var(--read);font-size:var(--fs-read-s);color:#fff}
.b-finish .plate{grid-area:c}

/* ═════ DAY BY DAY TITLES (b-days): seven tiles, the title's colour on the head, the winner's hexagon ═════ */
.b-days{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.b-day{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 6px 16px;background:var(--b-row);border:2px solid var(--ink);box-shadow:var(--sh-4);text-align:center;min-width:0}
.b-day p{margin:0}
.b-day-d{align-self:stretch;margin:0 -6px 4px !important;padding:10px 0 8px;font-family:var(--shout);font-style:italic;font-weight:800;font-size:24px;line-height:1;text-transform:uppercase;color:var(--ink);background:var(--orange)}
.b-day[data-t=comeback] .b-day-d{background:var(--violet);color:#fff}
.b-day[data-t=streak] .b-day-d{background:var(--yellow)}
.b-day img{width:84px;height:84px;object-fit:cover;clip-path:var(--clip-hex);background:var(--bg4)}
.b-day .b-chip{margin-top:-18px;position:relative;height:26px;padding:0 20px 0 10px;font-size:15px}
.b-day-w{font-family:var(--data);font-weight:800;font-size:var(--fs-key);letter-spacing:.04em;text-transform:uppercase;color:var(--paper);overflow-wrap:anywhere}
.b-day-v{font-family:var(--data);font-weight:800;font-size:var(--fs-field);color:var(--yes);font-variant-numeric:tabular-nums}

/* ═════ FULL STANDINGS (b-full): the layer's table look, seven columns ═════ */
.b-full td,.b-full th{text-align:left}
.b-full td:last-child,.b-full th:last-child{text-align:right;width:140px}
.b-full td:nth-child(3),.b-full td:nth-child(4),.b-full td:nth-child(5),.b-full td:nth-child(6),.b-full thead th:nth-child(3),.b-full thead th:nth-child(4),.b-full thead th:nth-child(5),.b-full thead th:nth-child(6){text-align:right;font-variant-numeric:tabular-nums}
.b-full td:nth-child(3){font-weight:800;color:var(--paper)}
.b-full td{font-size:var(--fs-field)}
.b-full tr.top td,.b-full tr.top th{background:rgba(250,244,36,.08)}
.b-full tr.top td:first-child{box-shadow:inset 4px 0 0 var(--yellow)}
.b-full tr.you td:last-child{font-size:var(--fs-field)}
.b-pz-ph{display:none}
.b-none{font-family:var(--data);font-weight:700;font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.b-prize-key{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin:22px 0 0;font-family:var(--data);font-weight:700;font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.b-prize-key .b-prize{min-width:0}
.b-prize-key>span{display:inline-flex;align-items:center;gap:10px;margin-right:12px;white-space:nowrap}

/* the prize note: the layer's promo, the sign a little narrower for the long line */
.tres .b-promo .b-sign{max-width:620px}
/* the trophy on the left, the sign and the plate on the right (the concept's order) */
.tres .b-promo-f{justify-content:flex-end;padding-left:calc(40% + 32px)}
.tres .b-promo-art{right:auto;width:40%}
.tres .b-promo-f{flex-wrap:wrap;align-content:center}
.tres .b-promo .b-sign b{font-size:clamp(30px,3.2vw,46px)}

@media (max-width:1180px){
  .b-days{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1023px){
  .b-finish-f{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h c" "v v" "t t";gap:14px 20px}
  .b-finish-h{justify-self:start}
  .b-full .opt{display:none}
}
@media (max-width:760px){
  .tres .t-tabs{padding-top:32px}
  .tres #podium{padding-top:40px}
  .b-finish{margin-top:24px}
  .b-finish-f{grid-template-columns:1fr;grid-template-areas:"h" "v" "t" "c";padding:22px 20px 26px 18px}
  .b-finish .plate{justify-self:start}
  /* the seven days scroll sideways on the phone (one row, the next tile peeking) */
  .b-days{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:150px;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gut));padding:0 var(--gut) 12px;scroll-padding:0 var(--gut)}
  .b-day{scroll-snap-align:start}
  .b-finish-v i{display:none}
  .b-finish-v em{flex-basis:100%}
  .b-full td:last-child,.b-full th:last-child{width:auto}
  .b-full td:nth-child(6),.b-full thead th:nth-child(6){display:none}
  .b-full .b-pz-ph{display:block;margin-bottom:6px;font-family:var(--data);font-weight:800;font-size:var(--fs-key);color:var(--paper)}
  .b-full td,.b-full th{padding-left:5px;padding-right:5px}
  .b-full .b-prize{min-width:0;height:26px;font-size:14px;padding:0 9px 0 8px}
  .b-full td,.b-full th[scope=row]{font-size:var(--fs-key)}
  .tres .b-promo .b-sign b{font-size:clamp(26px,7.6vw,32px)}
  .tres .b-promo-f{padding:236px 20px 28px}
  .tres .b-promo-art{width:auto;right:0;bottom:auto;height:220px}
  .tres .b-promo .plate{margin-top:20px}
}
@media (max-width:360px){
  .b-full td,.b-full th{padding-left:3px;padding-right:3px;letter-spacing:0}
  .b-full td:first-child,.b-full th:first-child{width:34px}
  .b-full td,.b-full th[scope=row]{font-size:12px}
  .b-full .b-prize{font-size:12px;padding:0 7px 0 6px}
  .b-none{font-size:11px;letter-spacing:0}
}
/* safety: the table scrolls inside its panel rather than the page */
.b-tscroll{overflow-x:auto}