/* September resources: table semantics on desktop, labeled rows on mobile. */
.resource-post .article-content { min-width: 0; }
.resource-post .resource-table-wrap { width: 100%; max-width: 100%; margin: 28px 0 36px; }
.resource-post .article-content .resource-table { margin: 0; table-layout: fixed; width: 100%; }
.resource-post .article-content .resource-table th,
.resource-post .article-content .resource-table td {
  overflow-wrap: anywhere;
  padding: 13px 12px;
  font-size: .875rem;
  line-height: 1.55;
}
.resource-post .article-content .resource-table thead th { color: #fff; background: #142b30; }
.resource-post .article-content .resource-table th:first-child,
.resource-post .article-content .resource-table td:first-child { width: auto; }
.resource-post .article-content .resource-table tbody th { color: #20383c; background: #e8f0ef; }
.resource-post .article-content .resource-table tbody tr:nth-child(even) { background: #f1f5f4; }
.resource-post .article-content .resource-table tbody td { font-variant-numeric: tabular-nums; }
.resource-post .article-content h3 { font-size: 1.5rem; line-height: 1.2; margin-top: 28px; }
.resource-post .article-content .author-card h3 { margin-top: 0; }
.resource-post .article-link-strip { margin-top: 28px; }
@media (max-width: 720px) {
  .resource-post .author-card-top { display: none; }
  .resource-post .article-content .resource-table,
  .resource-post .article-content .resource-table tbody { display: block; width: 100%; }
  .resource-post .article-content .resource-table thead {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .resource-post .article-content .resource-table tr { display: block; margin-bottom: 18px; }
  .resource-post .article-content .resource-table tbody th,
  .resource-post .article-content .resource-table tbody th:first-child,
  .resource-post .article-content .resource-table td { display: block; width: 100%; padding: 14px 16px; font-size: .96rem; }
  .resource-post .article-content .resource-table td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 5px;
    font-size: .75rem;
    font-weight: 800;
    color: #456268;
  }
  .resource-post .article-content .resource-table td:last-child { border-bottom: 0; }
}