/* Blog post CTA card + related posts. Appended after post content by partials/post-extras.php. */
.thi-post-next {
  max-width: 800px;
  margin: 48px auto 64px;
  padding: 0 20px;
  font-family: var(--font-sans, 'DM Sans', system-ui, sans-serif);
  color: var(--navy, #1a2b45);
}
.thi-post-cta {
  background: var(--navy, #1a2b45);
  color: #fff;
  border-radius: var(--radius, 16px);
  padding: 32px 28px;
}
.thi-post-cta__eyebrow {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold-light, #d4a843);
}
.thi-post-cta__title {
  margin: 0 0 12px;
  font-family: var(--font-serif, 'Playfair Display', Georgia, serif);
  font-size: clamp(24px, 4vw, 30px);
  line-height: 1.2;
  color: #fff;
}
.thi-post-cta__text {
  margin: 0 0 20px;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
}
.thi-post-cta__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
}
.thi-post-next a.thi-post-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: var(--radius-pill, 100px);
  background: var(--gold, #b8912a);
  color: var(--navy-deep, #0f1e30);
  font-weight: 700;
  text-decoration: none;
}
.thi-post-next a.thi-post-cta__btn:hover,
.thi-post-next a.thi-post-cta__btn:focus-visible {
  background: var(--gold-light, #d4a843);
  color: var(--navy-deep, #0f1e30);
}
.thi-post-next a.thi-post-cta__link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.thi-post-next a.thi-post-cta__link:hover { color: var(--gold-light, #d4a843); }
.thi-post-next .thi-post-cta a:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.thi-post-cta__fine {
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
.thi-post-related { margin-top: 40px; }
.thi-post-related__title {
  margin: 0 0 12px;
  font-family: var(--font-serif, 'Playfair Display', Georgia, serif);
  font-size: 24px;
  color: var(--navy, #1a2b45);
}
.thi-post-related__list { list-style: none; margin: 0; padding: 0; }
.thi-post-related__list li { border-top: 1px solid var(--gray-200, #e5e7eb); }
.thi-post-related__list li:last-child { border-bottom: 1px solid var(--gray-200, #e5e7eb); }
.thi-post-next .thi-post-related__list a {
  display: block;
  padding: 16px 4px;
  color: var(--navy, #1a2b45);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}
.thi-post-next .thi-post-related__list a:hover,
.thi-post-next .thi-post-related__list a:focus-visible { color: var(--gold-dark, #7d6118); text-decoration: underline; }
@media (max-width: 600px) {
  .thi-post-cta { padding: 24px 20px; }
}

/* Link contrast in blog-pipeline post bodies (2026-10-16). Each post embeds
   `.article-section a { color: var(--gold) }`, 2.9:1 on white. Gold-dark on
   light grounds; gold-light inside the navy blocks. Higher specificity than the
   embedded rules, which print later in the page. */
body.single-post .article-section a,
body.single-post .article-body a,
body.single-post .thi-article-body a,
body.single-post .breadcrumb a,
body.single-post .faq-answer a {
  color: var(--gold-dark, #7d6118);
}
body.single-post .article-body a:hover,
body.single-post .thi-article-body a:hover {
  color: var(--navy, #1a2b45);
}
body.single-post :is(.portland-context, .key-takeaway, .checklist-block, .look-section__header, .cost-table-head, .series-banner, .thi-contrast-card, .thi-gear-card, .thi-eyebrow-pill) a {
  color: var(--gold-light, #d4a843);
}
body.single-post :is(.portland-context, .key-takeaway, .checklist-block, .look-section__header, .cost-table-head, .series-banner, .thi-contrast-card, .thi-gear-card, .thi-eyebrow-pill) a:hover {
  color: var(--white, #fff);
}
body.single-post .author-bio-card .author-text a {
  color: var(--gold-dark, #7d6118) !important;
}

/* Wide comparison tables in older posts scroll inside the column on phones
   instead of widening the page (ASHI vs. InterNACHI post). */
.blog-container table.condition-table { display: block; overflow-x: auto; }