.agenda_tussen_header {
  padding-top: 1rem;
}
#agenda > table td {
  text-align: center;
  padding-inline: 1rem;
}
@media (max-width: 768px) {
  #agenda {
    grid-column: 1/-1;
  }
}
.score_container {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: auto;
  scroll-snap-type: x mandatory;
}
.score_container > * {
  scroll-snap-align: center;
}
.score_table {
  width: 100%;
  border-spacing: 0px;
  font-size: small;
}
.score_table td {
  padding-inline: 5px;
  padding-block: 0px;
}
.score_table .header_row {
  background: var(--score-table-header-background);
  color: var(--score-table-header-foreground);
  font-weight: 600;
  text-align: center;
}
.score_table .score_row {
  text-align: center;
  padding-inline: 5px;
}
.score_table .score_row td {
  border-style: solid;
  border-width: 0.25px;
}
.header_row td:first-child, .score_row td:first-child {
  position: sticky;
  z-index: 2;
  left: 0px;
  background-color: inherit;
}
.header_row td:nth-child(2), .score_row td:nth-child(2) {
  position: sticky;
  z-index: 2;
  left: 18px;
  background-color: inherit;
  text-align: left;
  font-weight: 500;
}
.meter_5_score .score_row:nth-child(odd) {
  background: var(--score-table-five-primary);
}
.meter_5_score .score_row {
  background: var(--score-table-five-secondary);
}
.meter_5_score .score_row td {
  border-color: var(--score-table-five-border);
}
.meter_10_score .score_row:nth-child(odd) {
  background: var(--score-table-ten-primary);
}
.meter_10_score .score_row {
  background: var(--score-table-ten-secondary);
}
.meter_10_score .score_row td {
  border-color: var(--score-table-ten-border);
}