.broker-list {
  margin: 2rem 0;
  color: var(--color-muted);
  font-family: var(--font-sans);

  ul {
    display: grid;
    gap: .5rem;
    margin-top: 1rem;

    li {
      padding: .75rem 0;
      border-bottom: 1px solid var(--color-border);
    }
  }
}

.trade-imports-table__scroll {
  margin-top: 1.25rem;
}

.trade-imports-table {
  min-width: 32rem;

  th:nth-child(2),
  td:nth-child(2) {
    width: 55%;
  }

  th + th,
  td + td {
    padding-left: 2rem;
  }
}

.icon-button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-action);
  cursor: pointer;
}

.icon {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}

.broker-page {
  .broker-list h2 {
    font-size: .75rem;
    letter-spacing: .16em;
    text-transform: uppercase;
  }

  .broker-list {
    margin: 3.5rem 0 2.5rem;
  }
}

.broker-page__action {
  margin: 0;
}

@media (max-width: 40rem) {
  .trade-imports-table {
    th,
    td {
      padding: .625rem 0;
    }

    th + th,
    td + td {
      padding-left: 1.25rem;
    }
  }
}