.description-list {
  display: grid;
  grid-template: auto / 20rem 1fr;
}

.description-list__collapsed {
  display: none;
}

.description-list__expanded {
  display: grid !important;
}

.search-form {
  display: flex;
  align-items: baseline;
  gap: 2rem;
}

.accounts-table {
  overflow-x: scroll;
}

.accounts {
  border-collapse: collapse;
  min-width: 100%;
  line-height: 1.5rem;
  font-size: 1.4rem;
  text-align: left;
  word-wrap: break-word;

  thead {
    background-color: var(--color-bg--surface-light);
    border-radius: 10px;

    th {
      position: sticky;
      top: 0;
      left: 0;
      opacity: 1;
    }

    th:not(:last-child) {
      padding: 1.3rem 1rem;
      font-weight: 500;
      white-space: nowrap;
    }

    th:last-child {
      padding: 0.5rem 1rem;
    }
  }

  tbody {
    border-top-width: 1px;
    border-color: var(--color-border--light);

    tr td:first-child {
      font-weight: 500;
    }

    tr td {
      white-space: nowrap;
      padding: 0.5rem 1rem;
    }
  }

  .spam td:not(:last-child) {
    opacity: 0.4;
  }
}

@media screen and (min-width: 800px) {
  .stretch .page__content {
    max-width: calc(1.2 * var(--content-width));
  }
}