.post-content {
  table {
    border-collapse: collapse;
    margin: 25px auto;
    font-size: 0.9em;
    min-width: 400px;
    max-width: 100%;

    th,
    td {
      padding: 12px 15px;
      border: 1px solid $light-table-color;

      @media (prefers-color-scheme: dark) {
        border: 1px solid $dark-table-color;
      }
    }

    thead {
      tr {
        background-color: $light-table-color;
        color: $light-color;
        text-align: left;

        @media (prefers-color-scheme: dark) {
          background-color: $dark-table-color;
          color: $dark-color;
        }
      }
    }

    tbody {
      tr {
        border: 1px solid $light-table-color;
        
        @media (prefers-color-scheme: dark) {
          border: 1px solid $dark-table-color;
        }
      }
    }
  }
}