.two-column
  width: 100%
  table-layout: fixed

  th
    text-transform: uppercase

  th, td
    width: 50%
    text-align: left

.two-column-definitions
  width: 100%
  table-layout: fixed

  colgroup
    col:first-child
      width: 20%
    col:last-child
      width: 80%
    
  th
    text-transform: uppercase

  th, td
    text-align: left


.two-column-desc
  width: 100%
  table-layout: fixed

  th, td
    width: 50%
    text-align: left

  thead
    th
      text-align: left

    tr:nth-child(1) th
      text-transform: uppercase
      padding-bottom: 0
      border-bottom: none

    tr:nth-child(2) th
      text-transform: lowercase 
      border-top: none
      font-size: .7em
      padding-left: 1rem


// Quotes Table Style
.quotes
  border-collapse: collapse
  width: 8em // Set the width to 8em for a much shorter table
  margin: 20px 0
  border: none // Ensure no borders are applied to the table

  td
    padding: 10px 0
    vertical-align: top
    border: none // Remove borders between rows

  td:first-child
    text-align: left
    font-weight: bold

  td:last-child
    text-align: right
    font-style: italic
    &:before
      content: '“'
    &:after
      content: '”'


// Thin Table for Calls/Username with Side Borders Only
.thin-table
  width: auto
  
  border-spacing: 0
  margin: 15px 0
  font-size: 14px

  th
    font-weight: bold

  th, td
    padding: 12px 16px  /* Increased padding for more width */
    text-align: center

@mixin set-table-thin-color($table-border, $table-border-sides)
  .thin-table
    border: solid $table-border

    th, td
      border-left: 1px solid $table-border-sides
      border-right: 1px solid $table-border-sides