.reader-body .reader-text .rd-scroll {
    margin: 14px 0;

  box-sizing: border-box;
  text-align: left;
  letter-spacing: normal;

    width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.reader-body .reader-text .rd-scroll > .rd-table,
.reader-body .reader-text .rd-scroll > .rd-grid {
  width: 100%;
  font-family: var(--font-ui);
}

.reader-body .reader-text .rd-table th,
.reader-body .reader-text .rd-table td,
.reader-body .reader-text .rd-grid span {
  text-align: left;
}

.rd-table {
  border-collapse: collapse;
  width: 100%;

  font-size: .82em;
  line-height: 1.6;
  color: var(--ink);

  background: var(--card);
}

.rd-table th,
.rd-table td {
  padding: 7px 10px;
  border: 1px solid var(--line);

  vertical-align: top;
  white-space: normal;
  word-break: break-word;

    min-width: 4.6em;
}

.rd-table th:first-child,
.rd-table td:first-child {
  white-space: nowrap;
}

.rd-table th {
  background: var(--green-light);
  color: var(--green);
  font-weight: 600;
  white-space: nowrap;
}

.rd-table tbody tr:nth-child(even) td {
  background: rgba(47, 96, 85, .035);
}

.rd-grid {
  border-collapse: collapse;
  width: 100%;

  font-size: .82em;
  line-height: 1.75;
  color: var(--ink);
}

.rd-grid th,
.rd-grid td {
  padding: 5px 10px;
  vertical-align: top;
  white-space: normal;
  word-break: break-word;
}

.rd-grid th {
  color: var(--green);
  font-weight: 600;
  white-space: nowrap;

  border-bottom: 1px solid var(--line);
}

.rd-grid td {
  border-bottom: 1px solid var(--line-2);
}

.rd-grid tbody tr:last-child td {
  border-bottom: none;
}

@media (max-width: 560px) {
  .rd-table th,
  .rd-table td { padding: 6px 7px; }

  .rd-grid th,
  .rd-grid td { padding: 5px 7px; }
}