.ds-table {
  font-family: var(--ds-type-system-sans-lining);
  font-size: var(--ds-type-scale-0);
  line-height: var(--ds-type-leading-lower);
  max-width: 100%;
  width: 100%;
  td {
    border-bottom: var(--ds-border-rule);
    padding: 0.75rem var(--ds-grid-gap) 0.75rem 0;
  }
  th {
    border-bottom: var(--ds-border-rule--emphasised);
    font-weight: 700;
    padding: 0.75rem var(--ds-grid-gap) 0.75rem 0;
    text-align: left;
  }
}

.ds-table--scroll {
  overflow-x: auto;
  width: 100%;
}