/* Blog styles use the existing clinic typography and colours. */
.blog-skip { position: absolute; left: 16px; top: -80px; z-index: 100000; padding: 12px 20px; background: #293232; color: #fff; }
.blog-skip:focus { top: 12px; }
.blog-page a:focus-visible { outline: 2px solid #990c2f; outline-offset: 4px; }
.blog-article { width: 80%; max-width: 800px; margin: 68px auto 90px; }
.blog-article h1 { font-size: 46px; line-height: 1.18; padding: 0; max-width: 760px; }
.blog-back, .blog-read { display: inline-block; color: #293232; border: 1px solid #293232; border-radius: 4px; padding: 8px 16px; font-size: 15px; }
.blog-back { margin-bottom: 28px; }
.blog-back:hover, .blog-read:hover { background: #293232; color: #fff; }
.blog-byline { margin-top: 24px; font-size: 14px; line-height: 1.8; color: #595959; padding: 0; }
.blog-article-head .et-divider { margin: 26px 0 36px; }
.blog-copy { max-width: 730px; font-weight: 400; font-size: 18px; line-height: 1.8; }
.blog-copy p { padding-bottom: 0; margin-bottom: 24px; }
.blog-copy h2 { font-family: bookman-jf-pro, serif; font-size: 30px; font-weight: 400; line-height: 1.3; margin: 42px 0 18px; padding: 0; }
.blog-copy a { color: #8b0b2c; text-decoration: underline; text-underline-offset: 3px; }
.blog-copy ul { list-style: disc; padding-left: 24px; margin: 0 0 28px; }
.blog-copy li { padding-left: 5px; margin-bottom: 10px; }
.blog-index { width: 80%; max-width: 900px; margin: 0 auto 90px; }
.blog-intro { max-width: 730px; font-size: 18px; font-weight: 400; margin-bottom: 38px; }
.blog-list-article { max-width: 730px; border-top: 1px solid #d8d8d8; padding-top: 30px; }
.blog-list-article h2 { font-family: bookman-jf-pro, serif; font-size: 32px; font-weight: 400; line-height: 1.3; margin-bottom: 16px; }
.blog-list-article h2 a { color: #293232; }
.blog-list-article h2 a:hover { color: #990c2f; }
.blog-list-article p { max-width: 650px; font-weight: 400; font-size: 18px; margin-bottom: 10px; }
@media (max-width: 767px) {
 .blog-article { width: 88%; margin-top: 40px; margin-bottom: 55px; }
 .blog-article h1 { font-size: 34px; line-height: 1.22; }
 .blog-copy { font-size: 17px; line-height: 1.8; }
 .blog-copy h2 { font-size: 27px; margin-top: 34px; }
 .blog-byline { font-size: 13px; }
 .blog-index { width: 88%; margin-bottom: 55px; }
 .blog-list-article h2 { font-size: 28px; }
 .blog-back { margin-bottom: 24px; }
}

/* Mobile index: avoid stacking the service heading and section padding. */
@media (max-width: 767px) {
 .blog-page .svc-page-head { padding-bottom: 0; }
 .blog-page .svc-page-head .services-row { padding-bottom: 0 !important; }
 .blog-page .svc-page-head .et-divider { height: 2px; margin-bottom: 0 !important; }
 .blog-index { padding-top: 20px; }
}