body {
  font-family: system-ui, sans-serif;
}

main {
  max-width: 1200px;
  margin-inline: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(255, 255, 255, 0.46);
}

th,
td {
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid #dce1dc;
  text-align: left;
}

th {
  color: #637068;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

td:last-child,
th:last-child {
  white-space: nowrap;
  text-align: right;
}

@media (max-width: 620px) {
  table {
    display: block;
    overflow-x: auto;
    font-size: 0.88rem;
  }

  th,
  td {
    padding: 0.55rem 0.6rem;
  }
}