/**
 * Block editor table styles used on live chotto-grid sites.
 * Live posts use figure.wp-block-table.is-style-stripes + table.has-dark-header.
 */
.chotto-entry-body .wp-block-table,
.entry-content .wp-block-table {
  margin: 1.25em 0;
  overflow-x: auto;
}

.chotto-entry-body .wp-block-table table,
.entry-content .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95em;
}

.chotto-entry-body .wp-block-table td,
.chotto-entry-body .wp-block-table th,
.entry-content .wp-block-table td,
.entry-content .wp-block-table th {
  border: 1px solid #c8c8c8;
  padding: 0.55em 0.75em;
  text-align: left;
  vertical-align: top;
}

.chotto-entry-body .wp-block-table.has-dark-header thead th,
.chotto-entry-body table.has-dark-header thead th,
.chotto-entry-body .wp-block-table table.has-dark-header thead th,
.entry-content .wp-block-table.has-dark-header thead th,
.entry-content table.has-dark-header thead th,
.entry-content .wp-block-table table.has-dark-header thead th {
  background: #243036;
  color: #fff;
  font-weight: 600;
  border-color: #1a2428;
}

/* Some posts put has-dark-header on the first row instead of thead */
.chotto-entry-body table.has-dark-header tr:first-child td,
.chotto-entry-body table.has-dark-header tr:first-child th,
.entry-content table.has-dark-header tr:first-child td,
.entry-content table.has-dark-header tr:first-child th {
  background: #243036;
  color: #fff;
  font-weight: 600;
}

.chotto-entry-body .wp-block-table.is-style-stripes tbody tr:nth-child(odd),
.entry-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background: #f6f6f6;
}

.chotto-entry-body .wp-block-table.is-style-stripes tbody tr:nth-child(even),
.entry-content .wp-block-table.is-style-stripes tbody tr:nth-child(even) {
  background: #fff;
}

.wp-block-table.is-style-stripes td,
.wp-block-table .has-background td {
  background-color: transparent;
}