body > #grid .table {
  /** Required arguments with purportedly ridiculous defaults */
  --element-column-spacing: 200px;
  --element-row-padding-vertical: 200px;
  --element-border-color: red;

  text-align: left;
  display: block;
  overflow-x: auto;
  border-collapse: collapse;

  > tbody {
    display: table;
    width: 100%;

    > tr {
      margin: 0;
      padding: 0;

      > th,
      > td {
        margin: 0;
        padding: 0;
        vertical-align: top;

        &:not(:last-child) {
          padding-right: var(--element-column-spacing);
        }

        > code:only-child {
          white-space: pre-wrap;
        }

        > ul {
          white-space: normal;
          display: flex;
          flex-direction: column;
          gap: var(--element-row-padding-vertical);
        }
      }

      &:not(:first-child) {
        > th,
        > td {
          padding-top: var(--element-row-padding-vertical);
        }
      }

      &:not(:last-child) {
        > th,
        > td {
          border-bottom: 1px solid var(--element-border-color);
          padding-bottom: var(--element-row-padding-vertical);
        }
      }
    }
  }

  &.table-nowrap {
    white-space: nowrap;
  }
}