/* Keep the detailed game's inning score inside the scorecard at every width. */
.scorecard .restored-line-score.regulation-nine {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.scorecard .restored-line-score.regulation-nine table {
  width: 100%;
  min-width: 0 !important;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.scorecard .restored-line-score.regulation-nine th,
.scorecard .restored-line-score.regulation-nine td {
  box-sizing: border-box;
  min-width: 0;
  padding-inline: 1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  font-variant-numeric: tabular-nums;
}

.scorecard .restored-line-score.regulation-nine th:first-child,
.scorecard .restored-line-score.regulation-nine td:first-child {
  width: clamp(50px, 18%, 112px);
  padding-inline: 4px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: keep-all;
  line-height: 1.2;
}

@media (max-width: 700px) {
  .scorecard .restored-line-score.regulation-nine th,
  .scorecard .restored-line-score.regulation-nine td {
    padding-inline: 0;
    font-size: clamp(6px, 2.1vw, 9px);
  }

  .scorecard .restored-line-score.regulation-nine th:first-child,
  .scorecard .restored-line-score.regulation-nine td:first-child {
    width: clamp(48px, 17%, 72px);
    padding-inline: 2px;
    font-size: clamp(7px, 2.3vw, 9px);
  }
}