/* --- Yksinkertainen perustyyli taulukolle (tumma teema) --- */
.main-content {
  grid-template-rows: 1fr;
}

/* Määrittelee taulukon perusrakenteen */
table {
  /* width: 100%; Taulukko käyttää koko leveyden */
  border-collapse: collapse; /* Yhdistää solujen reunat yhdeksi viivaksi */
  /* margin-bottom: 20px; */ /* Lisää tilaa taulukon alapuolelle */
  color: #ffffff; /* Varmistaa, että teksti on valkoista */
}

.tables {
    max-width: 60%;
    overflow-x: auto;
}

.team-stats {
    min-width: 300px;
    max-width: 400px;
}

.player-stats {
    max-width: 500px;
}

/* Määrittelee kaikkien solujen (sekä otsikko- että data-) muotoilun */
th,
td {
  padding: 10px 12px; /* Lisää tilaa solujen sisään (ylä/ala 10px, sivut 12px) */
  text-align: left; /* Tasaa tekstin vasemmalle */
  border-bottom: 1px solid #555555; /* Lisää ohuen harmaan viivan rivien väliin */
}

/* Korostaa otsikkosolut (<th>) */
th {
  background-color: #333333; /* Hieman vaaleampi harmaa tausta otsikoille */
  font-weight: bold; /* Lihavoi otsikkotekstin */
}