/* custom.css - SEO/UX fix 2026-10-04
   Readability and new components. Keeps the original ja_social_t3 colours and layout. */
.t3-mainbody .article-content p,
.t3-mainbody .article-content li,
.t3-mainbody .article-content dd {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
}
.t3-mainbody .article-content p { margin: 0 0 14px; }
.t3-mainbody .article-header h1,
.t3-mainbody h1.article-title {
  font-size: 28px;
  line-height: 1.25;
  color: #238db4;
  margin: 0 0 10px;
}
.t3-mainbody .article-content h2 {
  font-size: 21px;
  line-height: 1.3;
  margin: 26px 0 10px;
  color: #238db4;
}
.t3-mainbody .article-content h3 {
  font-size: 17px;
  line-height: 1.35;
  margin: 18px 0 8px;
  color: #444;
}
.t3-mainbody .article-content ul { margin: 0 0 16px 0; padding-left: 24px; overflow: hidden; }
.t3-mainbody .article-content li { margin-bottom: 6px; }
.t3-mainbody .article-content a { text-decoration: underline; }
.t3-mainbody .article-content h2 a,
.t3-mainbody .article-content h3 a,
.t3-mainbody .article-content .btn-cta { text-decoration: none; }
.article-meta { color: #888; font-size: 13px !important; margin: 0 0 16px; }
.cta-box {
  background: #eaf6fb;
  border-left: 4px solid #238db4;
  padding: 16px 20px 8px;
  margin: 26px 0;
  border-radius: 3px;
}
.cta-box p { margin: 0 0 10px; }
.cta-box .btn-cta {
  display: inline-block;
  background: #238db4;
  color: #fff;
  padding: 8px 18px;
  border-radius: 3px;
  font-weight: bold;
}
.cta-box .btn-cta:hover, .cta-box .btn-cta:focus { background: #1b6c89; color: #fff; }
.related-articles { border-top: 1px solid #e5e5e5; margin-top: 26px; padding-top: 4px; }
.t3-mainbody .article-content .medical-disclaimer { font-size: 13px; color: #888; }
.blog-item { border-bottom: 1px solid #eee; padding: 2px 0 10px; margin-bottom: 12px; }
.blog-item .article-meta { margin-bottom: 6px; }
.physician-card { overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.t3-mainbody .article-content img.pull-left { margin: 4px 20px 12px 0; }
.sidebar-links { margin: 0 0 10px 16px; }
.sidebar-links li { line-height: 1.5; margin-bottom: 6px; }
.ja-topbar a { color: #fff; }
.ja-topbar a:hover, .ja-topbar a:focus { color: #fff; text-decoration: underline; }
.t3-navhelper .breadcrumb .divider { color: #9cd3e8; }
@media (max-width: 767px) {
  .t3-mainbody .article-content p,
  .t3-mainbody .article-content li { font-size: 16px; }
  .t3-mainbody .article-header h1, .t3-mainbody h1.article-title { font-size: 24px; }
  .t3-mainbody .article-content img.pull-left { float: none; display: block; margin: 0 auto 14px; max-width: 100%; height: auto; }
}