.group-standings {
  width: calc(100% - 1em);
  max-width: 40em;
  margin: 0 auto 1em;
  border-collapse: collapse;

  td {
    width: 1.5em;
    text-align: center;
    vertical-align: middle;
    &:nth-of-type(2) {
      width: auto;
      text-align: left;
    }
  }
  th {
    font-weight: 400;
    font-variation-settings: "wdth" 62;
    text-transform: uppercase;

    &:first-of-type {
      color: var(--color-bg);
    }
    &:nth-of-type(2) {
      text-align: left;
    }
  }
  .count {
    font-size: 1.5em;
  }
  .points {
    font-weight: bold;
  }
  .flag {
    margin-right: 0.25em;
  }
  .team {
    font-size: 1.5em;
  }
}

@media screen and (min-width: 40em) {
  .group-standings .team {
    font-size: 1.75em;
  }
}