/* Widget 48: tables in article prose and in widgets. A table never widens the page: on a narrow
   screen it keeps its column widths and scrolls sideways inside the text column. Rows alternate
   with the wash so a long row is easy to follow; both colours come from tokens, so dark follows. */

.hc-prose table,
.hc-ix__table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  margin: 24px 0;
  font-size: 15px;
  line-height: 1.5;
  border: 0;
}

.hc-ix__table {
  margin: 12px 0 0;
}

.hc-prose th,
.hc-prose td {
  border: 0;
  border-bottom: 1px solid var(--hc-hair);
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
  color: var(--hc-body);
}

.hc-prose thead th {
  font-weight: 600;
  color: var(--hc-text);
  border-bottom: 1px solid var(--hc-line-strong, var(--hc-line));
}

.hc-prose tbody tr:nth-child(even) {
  background: var(--hc-wash);
}

.hc-prose tbody th {
  font-weight: 600;
  color: var(--hc-text);
}