table.sc-table {
  width: calc(100% + 3rem);
  margin-top: 2rem;
  margin-bottom: 3rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;

  &.striped tbody tr:nth-child(odd) {
    background-color: var(--p-surface-100);
  }

  td, th {
    text-align: left;
  }

  thead {
    border-bottom: 1px solid var(--p-surface-200);
  }

  tbody {
    color: var(--p-text-color);

    tr {
      border-bottom: 1px solid var(--p-surface-100);
    }
  }

  th, td {
    padding: 0.75rem;
    vertical-align: top;

    &:first-child {
      padding-left: 1.5rem;
    }

    &:last-child {
      padding-right: 1.5rem;
    }
  }
}