// Tables
//
// The `<table>` element displays tabular data in rows, columns, and cells.

table {
  // Add vertical rhythm margins.
  @include margin-block(0 1);
  // Remove default spacing between table cells.
  border-collapse: collapse;
  // Prevent cramped-looking tables
  width: 100%;
}

td,
th {
  // Remove most spacing between table cells.
  padding: 0;
  // Align content to top of cells.
  vertical-align: text-top;
}

th {
  // Align content to bottom of headers.
  vertical-align: bottom;
}

caption,
th {
  // Align all text the same.
  text-align: start;
}