/* ==========================================================================
   tables.css — Tables
   Data tables.
   Self-contained: every value is written out (no CSS variables) and every
   selector has its own rule, so changing one block never touches another.
   ========================================================================== */

/* ── .table-wrap ── */
.table-wrap {
  overflow-x: auto;
}

/* ── table ── */
table.tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: .88rem;
}

table.tbl th {
  text-align: left;
  font-size: 0.8rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #4a154bb2;
  padding: 10px 12px;
  border-bottom: 1px solid #e0c8e8;
  white-space: nowrap;
}

table.tbl td {
  padding: 13px 12px;
  border-bottom: 1px solid #f0e0f2;
  vertical-align: middle;
  color: #4a154bd6;
}

table.tbl tr:last-child td {
  border-bottom: 0;
}