/* ========================================================= */
/* Tables
/* ========================================================= */

table {
  border-spacing: 0;
  border-collapse: separate;
}
th, td {
  text-align: left;
  vertical-align: top;
  display: block;
  line-height: var(--lh-single);
  padding: var(--s1) 0;
}
th {
  font-family: var(--sans-serif);
  font-size: var(--fs2);
  font-weight: 400;
}
tbody th { padding-right: var(--s3); }
tbody tr th + td:last-child { width: 100%; }

tr:not(:last-child) td {
  display: block;
  border-bottom: 2px solid var(--greige1);
}
th {
  margin-bottom: calc(0rem - var(--s2));
}
td {
  padding-bottom: calc( var(--s1) + 2px );
}

@media (min-width: 30em) {
  th, td { display: table-cell; }

  tr:not(:last-child) td {
    display: table-cell;
  }

  tr:not(:last-child) th {
    border-bottom: 2px solid var(--greige1);
  }

  th { margin-bottom: 0; }

  td { padding-bottom: var(--s1); }

}