/* Classificação (07/10/2026): larguras explícitas por coluna. Com a tabela em
   layout fixo e o Time em 48%, as colunas numéricas ficavam com ~60px e o
   cabeçalho "SALDO" e o "100%" passavam da borda da célula. Aqui o Time fica com
   o espaço que sobra, cada coluna numérica tem a largura do seu conteúdo e
   cabeçalho e números terminam na mesma borda direita.
   Carrega depois de arena-ds.css; os seletores começam em .season-page.dd-page
   para vencer season-insights.css e dados.css. */

.season-page.dd-page .st-table .ds-table { table-layout: fixed; }
.season-page.dd-page .st-table thead th:first-child,
.season-page.dd-page .st-table tbody th,
.season-page.dd-page .st-conf--wide .st-table thead th:nth-child(2),
.season-page.dd-page .st-conf--wide .st-table tbody th { width: auto; }

/* Mesma folga à direita em cabeçalho e número; a última coluna encosta na borda */
.season-page.dd-page .st-table :is(th, td).is-num { padding-left: 4px; padding-right: 12px; text-align: right; }
.season-page.dd-page .st-table thead th.is-num { padding-right: calc(12px - .06em); }
.season-page.dd-page .st-table :is(thead th, tbody th, td):last-child { padding-right: 0; }

/* Larguras: V, D, E, PF e PS (padrão), %, Saldo, sequência, posição */
.season-page.dd-page .st-table thead th.is-num { width: 52px; }
.season-page.dd-page .st-table thead th.is-num:has(> abbr[title="Aproveitamento"]) { width: 68px; }
.season-page.dd-page .st-table thead th.is-num:not(.st-narrow):not(:has(abbr)) { width: 76px; }
.season-page.dd-page .st-table thead th.is-num:has(> abbr[title="Sequência atual"]) { width: 60px; }
.season-page.dd-page .st-table thead th.is-num.st-narrow { width: 64px; }
.season-page.dd-page .st-conf--wide .st-table thead th.st-seed { width: 36px; }
.season-page.dd-page .st-table td.st-seed { padding-right: 8px; }

@media (max-width: 720px) {
  .season-page.dd-page .st-table :is(th, td).is-num { padding-right: 10px; }
  .season-page.dd-page .st-table thead th.is-num { padding-right: calc(10px - .06em); }
  /* A sequência (última no HTML) some no celular: o Saldo passa a encostar na borda */
  .season-page.dd-page .st-table :is(thead th, tbody th, td):is(:last-child, :has(+ .st-wide:last-child)) { padding-right: 0; }
  .season-page.dd-page .st-table thead th.is-num.st-narrow { width: 58px; }
  .season-page.dd-page .st-table thead th.is-num:has(> abbr[title="Aproveitamento"]) { width: 60px; }
  .season-page.dd-page .st-table thead th.is-num:not(.st-narrow):not(:has(abbr)) { width: 62px; }
  .season-page.dd-page .st-conf--wide .st-table thead th.st-seed { width: 28px; }
}
@media (max-width: 400px) {
  /* Até 400 px o apelido do time precisa de ~70 px: escudo de 26 px e colunas
     mais justas (em 381-399 px, "Commanders" cortava na aba Conferências, que
     tem a coluna "#" a mais) */
  .season-page.dd-page .st-table .dd-teamcell { gap: 8px; }
  .season-page.dd-page .st-table .dd-teamcell .ds-team--sm { width: 26px; height: 26px; }
  .season-page.dd-page .st-conf--wide .st-table thead th.st-seed { width: 24px; }
  .season-page.dd-page .st-table thead th.is-num.st-narrow { width: 44px; }
  .season-page.dd-page .st-table thead th.is-num:has(> abbr[title="Aproveitamento"]) { width: 50px; }
  .season-page.dd-page .st-table thead th.is-num:not(.st-narrow):not(:has(abbr)) { width: 56px; }
}
/* Entre 1081 e 1280px as duas conferências dividem a largura: apelido do time
   no lugar do nome completo, como no celular, para não cortar com reticências */
@media (min-width: 1081px) and (max-width: 1280px) {
  .season-page.dd-page .st-grid .dd-teamcell .is-long { display: none; }
  .season-page.dd-page .st-grid .dd-teamcell .is-short { display: inline; }
}

/* Conferências (rodada 2): a tabela larga deixava ~600 px de vão entre o time e
   o V. As duas conferências ficam empilhadas com largura máxima, e cada
   cabeçalho traz a legenda, perto da própria tabela: a linha tracejada e a
   regra da ordem (1 a 4: líderes de divisão). Os dois itens se separam pelo
   espaço, sem "·", e cada um desce inteiro quando não cabe na linha. */
.season-page.dd-page #standings-conferences { max-width: 840px; }
.season-page.dd-page .st-conf--wide .st-conf__head { flex-wrap: wrap; row-gap: 6px; }
.season-page.dd-page .st-conf--wide .st-conf__head .st-key { display: flex; flex-wrap: wrap; gap: 4px 24px; margin: 0 0 0 auto; color: var(--ds-ink-3); font-size: 14px; }
.season-page.dd-page .st-key > span { white-space: nowrap; }
.season-page.dd-page .st-key__cut {
  padding-left: 30px;
  background: repeating-linear-gradient(90deg, var(--ds-ink-3) 0 5px, transparent 5px 9px) left center / 22px 2px no-repeat;
}
.season-page.dd-page #standings-conferences > .dd-note { margin-top: 0; }

/* Toque: o link do time ocupa a linha inteira da tabela */
@media (max-width: 720px), (pointer: coarse) {
  .season-page.dd-page .st-table tbody tr { position: relative; }
  .season-page.dd-page .st-table a.dd-teamcell::after { content: ""; position: absolute; inset: 0; }
}
@media (max-width: 720px) {
  .season-page.dd-page .st-conf--wide .st-conf__head .st-key { flex-basis: 100%; margin-left: 0; }
  /* No celular a legenda vira lista: a segunda linha começa onde começa o
     texto da primeira, depois do tracejado. */
  .season-page.dd-page .st-conf--wide .st-conf__head .st-key { flex-direction: column; row-gap: 4px; }
  .season-page.dd-page .st-key > span + span { padding-left: 30px; }
}

/* Conferências entre 721 e 779 px: a tabela empilhada usa o nome completo, que
   não cabe na coluna ("Jacksonville Jagu…", 6 nomes cortados em 721 px). Nessa
   faixa entra o apelido, como abaixo de 720 px; de 780 px para cima o nome
   completo cabe. */
@media (min-width: 721px) and (max-width: 779px) {
  .season-page.dd-page #standings-conferences .dd-teamcell .is-long { display: none; }
  .season-page.dd-page #standings-conferences .dd-teamcell .is-short { display: inline; }
}

/* Conferências no desktop largo: AFC e NFC lado a lado, como em Divisões, em
   vez de uma tabela de 840 px com 400 px vazios à direita. Cada tabela fica com
   ~600 px: apelido no lugar do nome completo, colunas numéricas mais justas e a
   legenda logo abaixo do título. Abaixo de 1340 px o apelido mais largo
   ("Commanders") não cabe com folga, e as tabelas voltam a empilhar. */
@media (min-width: 1340px) {
  .season-page.dd-page #standings-conferences { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(24px, 3vw, 48px); align-items: start; max-width: none; }
  .season-page.dd-page #standings-conferences > .dd-note { grid-column: 1 / -1; }
  .season-page.dd-page #standings-conferences .dd-teamcell .is-long { display: none; }
  .season-page.dd-page #standings-conferences .dd-teamcell .is-short { display: inline; }
  .season-page.dd-page #standings-conferences .st-conf__head .st-key { flex-basis: 100%; margin-left: 0; }
  .season-page.dd-page #standings-conferences .st-table thead th.is-num { width: 48px; }
  .season-page.dd-page #standings-conferences .st-table thead th.is-num:has(> abbr[title="Aproveitamento"]) { width: 64px; }
  .season-page.dd-page #standings-conferences .st-table thead th.is-num:not(.st-narrow):not(:has(abbr)) { width: 68px; }
  .season-page.dd-page #standings-conferences .st-table thead th.is-num:has(> abbr[title="Sequência atual"]) { width: 56px; }
  .season-page.dd-page #standings-conferences .st-table thead th.st-seed { width: 32px; }
}

/* Link externo em "Como conferimos": mesmo estilo do link interno ao lado, com ↗ */
.season-page .st-ext::after { content: "↗"; }

/* Links de "Como conferimos" empilhados no celular: 20 px entre as linhas, para
   as áreas de toque de 44 px dos links (arena-ds.css) não se sobreporem. */
.season-page.dd-page .dd-method .dd-links { row-gap: 20px; }