/* Keep the full score, including penalties, out of the mobile team columns. */
@media (max-width: 720px) {
  .focus-scoreline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .focus-scoreline > .focus-score-number {
    grid-column: 1 / -1;
    grid-row: 1;
    min-width: 0;
    max-width: 100%;
    margin-top: 0;
    overflow-wrap: anywhere;
  }

  .focus-scoreline > .focus-team {
    grid-row: 2;
    align-self: start;
  }

  .focus-scorer {
    min-width: 0;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 2px;
  }

  .focus-scorer > span {
    min-width: 0;
    max-width: 100%;
  }

  .focus-scorer > time {
    flex: 0 0 auto;
  }
}