/*
 * HealthNest Clinic blog design corrections
 * 7 August 2026
 *
 * Loaded after homepage-theme.css on every blog article. These selectors are
 * intentionally scoped so light FAQ cards and ordinary section headings retain
 * their existing appearance.
 */

/* Keep questions and answers readable inside the dark FAQ panels. */
body.hnc-themed .faq-section .faq-q,
body.hnc-themed .faq-section .faq-toggle {
  color: #fff;
}

body.hnc-themed .faq-section .faq-q:hover {
  color: var(--gold, #f1c75b);
}

body.hnc-themed .faq-section .faq-a {
  color: #d7e7ef;
}

/* Preserve white labels in the dark blue numbered section-heading bars. */
body.hnc-themed .post-body .section-heading,
body.hnc-themed .article-content .section-heading,
body.hnc-themed .post-body .section-heading span,
body.hnc-themed .article-content .section-heading span {
  color: #fff;
}

/* Prevent long clinical terms and links from forcing horizontal scroll. */
body.hnc-themed .post-body,
body.hnc-themed .article-content,
body.hnc-themed .article-layout {
  min-width: 0;
}

body.hnc-themed .post-body a,
body.hnc-themed .article-content a {
  overflow-wrap: anywhere;
}

@media (max-width: 600px) {
  body.hnc-themed .post-body .section-heading,
  body.hnc-themed .article-content .section-heading {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}