/* Reusable blog reading-area presentation; loaded only by reviewed articles. */
.article-layout .article-content a,
.article-layout .article-aside a,
.article-hero .article-meta a {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}
.article-content ul { list-style-type: disc; padding-inline-start: 1.5rem; }
.article-content ol { list-style-type: decimal; padding-inline-start: 1.5rem; }
.article-content ul ul { list-style-type: circle; }
.article-content li { display: list-item; padding-inline-start: .15rem; }
.article-content li::marker { color: currentColor; }
.article-content .toc ul { list-style-type: disc; padding-inline-start: 1.5rem; }

@media (max-width: 640px) {
  .article-content .table-wrap { overflow: visible; border: 0; }
  .article-content table,
  .article-content table tbody,
  .article-content table tbody tr,
  .article-content table tbody td { display: block; width: 100%; min-width: 0; }
  .article-content table { table-layout: auto; }
  .article-content table thead {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
  }
  .article-content table tbody tr {
    margin: 0 0 16px; border: 1px solid #dce6e1;
    border-radius: 12px; background: #fff; overflow: visible;
  }
  .article-content table tbody td {
    padding: 12px 16px; border: 0; border-bottom: 1px solid #edf1ee;
    white-space: normal; overflow-wrap: anywhere; word-break: normal;
  }
  .article-content table tbody td:last-child { border-bottom: 0; }
  .article-content table tbody td::before {
    content: attr(data-label); display: block; margin-bottom: 5px;
    font-size: 12px; font-weight: 700; line-height: 1.5; color: #44635b;
  }
}