/* ============================================================
   RESPONSIVE — regras mobile. Carregado por último de propósito:
   qualquer regra aqui precisa vencer as anteriores em telas
   pequenas (mesma especificidade, ordem de cascata decide).
   Atualizado para 4 colunas -> empilhado com abas (era grid de 3).
   ============================================================ */
@media (max-width:1080px){
  .tracks-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:880px){
  .tracks-grid{grid-template-columns:1fr;}
  .track-tabs{display:flex;flex-wrap:wrap;}
  .track-tab{flex:1 1 40%;}
  .track-col{display:none;}
  .track-col.active{display:flex;}
  .kpi-row{gap:6px;}
  .kpi-chip{padding:5px 8px 5px 7px;font-size:12px;}
  .kpi-chip .lbl{display:none;}
  .core-cta{margin-left:0;width:100%;text-align:center;}
  .match-grid{grid-template-columns:1fr;}
}