/* Article listings and reading pages share the site's existing service-guide design. */
.resources-empty { max-width: 760px; padding: 26px 0; border-block: 1px solid #dedede; }
.resources-empty h3 { margin: 0 0 8px; font-size: 22px; line-height: 1.3; letter-spacing: -.02em; }
.resources-empty p { margin: 0; color: #444; }
.resource-posts { max-width: 860px; border-top: 1px solid #dedede; }
.resource-post { padding: 30px 0; border-bottom: 1px solid #dedede; }
.resource-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-bottom: 12px; color: #555; font-size: 14px; line-height: 1.5; }
.resource-post h3 { max-width: 34ch; margin: 0 0 14px; font-size: 30px; line-height: 1.2; letter-spacing: -.02em; }
.resource-post h3 a { text-decoration: none; }
.resource-post p { max-width: 64ch; margin: 0; color: #444; }
.resource-byline { color: #555; font-size: 14px; }
.resource-back { margin-top: 36px; }
.resource-back a { display: inline-block; padding-block: 10px; }
.resource-article-body img { display: block; max-width: 100%; height: auto; border-radius: 12px; }
.resource-article-body h3 { margin: 32px 0 14px; font-size: 23px; line-height: 1.3; }
.resource-article-body blockquote { margin: 30px 0; padding-left: 24px; border-left: 3px solid #dedede; }
.resource-table-scroll { max-width: 100%; overflow-x: auto; margin: 24px 0 32px; border: 1px solid #dedede; border-radius: 10px; }
.resource-table-scroll:focus-visible { outline: 2px solid #111; outline-offset: 4px; }
.resource-table-scroll table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.5; }
.resource-table-scroll th, .resource-table-scroll td { padding: 12px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid #e6e6e6; }
.resource-table-scroll th { background: #f6f6f6; font-weight: 600; }
.resource-table-scroll th:not(:first-child), .resource-table-scroll td:not(:first-child) { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.resource-table-scroll tbody tr:last-child td { border-bottom: 0; }
.resource-table-scroll .resource-cash-schedule { min-width: 620px; }
@media (hover: hover) and (pointer: fine) {
  .resource-post h3 a:hover { text-decoration: underline; }
}
@media (max-width: 700px) {
  .resource-post h3 { font-size: 26px; }
  .resource-post { padding-block: 24px; }
}
