/* Responsive tables inside article content */

.tm-article-content table,
.tm-article-body table,
.tm-article-main table,
.tm-article-page table,
article table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

.tm-article-content th,
.tm-article-content td,
.tm-article-body th,
.tm-article-body td,
.tm-article-main th,
.tm-article-main td,
.tm-article-page th,
.tm-article-page td,
article th,
article td {
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, .22);
  vertical-align: top;
  overflow-wrap: anywhere;
}

.tm-article-content thead,
.tm-article-body thead,
.tm-article-main thead,
.tm-article-page thead,
article thead {
  background: rgba(15, 23, 42, .72);
}

.tm-article-content tbody tr:nth-child(even),
.tm-article-body tbody tr:nth-child(even),
.tm-article-main tbody tr:nth-child(even),
.tm-article-page tbody tr:nth-child(even),
article tbody tr:nth-child(even) {
  background: rgba(15, 23, 42, .28);
}

@media (max-width: 760px) {
  .tm-article-content table,
  .tm-article-body table,
  .tm-article-main table,
  .tm-article-page table,
  article table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    border-radius: 16px;
  }

  .tm-article-content th,
  .tm-article-content td,
  .tm-article-body th,
  .tm-article-body td,
  .tm-article-main th,
  .tm-article-main td,
  .tm-article-page th,
  .tm-article-page td,
  article th,
  article td {
    min-width: 150px;
    white-space: normal;
  }
}