@media (max-width: 600px){

  /* La tabla se puede desplazar horizontalmente */
  .olympic-table{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    min-width: 600px; /* usa 520px si la quieres más compacta */
  }

  /* Evita saltos de línea (modo scroll) */
  .olympic-table th,
  .olympic-table td{
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
  }

  /* Medallistas: que no se rompa el nombre */
  .athlete .name{
    white-space: nowrap;
  }

  /* Cabecera con medallas grandes: reduce en móvil para que no ocupe demasiado alto */
  .medal-xxl{
    --medal-size: 80px;
  }
}