.years {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.year {
  width: 151px;
  align-self: flex-start;
  align-self: flex-start;
  text-align: center;
  font-weight: bold;
  background-color: #ededed;
  border: 1px solid black;
  border-radius: 5px;
  overflow: hidden;
}

.year.covid {
  align-self: stretch;
}

.yearHeader {
  background-color: #ededed;
  border-bottom: 1px solid black;
}

.teams {
  display: flex;
  background-color: #fff;
}

.team {
  width: 110px;
  font-weight: normal;
  text-align: left;
  padding-left: 0.25rem;
  border-bottom: 1px solid grey;
}

.score {
  width: 3rem;
  font-weight: normal;
  text-align: center;
  color: black;
  border-left: 1px solid grey;
  border-bottom: 1px solid grey;
}

.champs .score {
  width: 2.9rem;
  border-right: 1px solid grey;
  border-left: none;
}
.teams:last-child > * {
  border-bottom: none;
}

/* used in the windup section */
.years.hosts {
  gap: 0;
}

.complete {
  background-color: #c3e9c3;
}