/* Extra styles for the long-form clinic blogs.
   Load AFTER ../style.css:  <link rel="stylesheet" href="blog-extras.css"> */

.blog-article-container .bx-table-wrap { overflow-x: auto; margin: 18px 0 24px; border: 1px solid #d9e3ef; border-radius: 12px; background: #fff; }
.blog-article-container .bx-table-wrap table { width: 100%; border-collapse: collapse; font-size: .97rem; line-height: 1.5; }
.blog-article-container .bx-table-wrap th { background: #0b2545; color: #fff; text-align: left; padding: 12px 16px; font-weight: 600; white-space: nowrap; }
.blog-article-container .bx-table-wrap td { padding: 12px 16px; border-top: 1px solid #d9e3ef; vertical-align: top; }
.blog-article-container .bx-table-wrap tbody tr:nth-child(even) { background: #f6f9fd; }

.blog-article-container .bx-note { font-size: .92rem; color: var(--muted, #5b6b7c); font-style: italic; margin: -8px 0 20px; }

.blog-article-container .bx-steps { list-style: none; margin: 0 0 20px; padding: 0; counter-reset: bxstep; }
.blog-article-container .bx-steps li { counter-increment: bxstep; position: relative; padding: 18px 20px 18px 68px; background: #f6f9fd; border: 1px solid #d9e3ef; border-radius: 12px; margin-bottom: 14px; line-height: 1.7; }
.blog-article-container .bx-steps li::before { content: counter(bxstep); position: absolute; left: 18px; top: 16px; width: 36px; height: 36px; border-radius: 50%; background: #13498f; color: #fff; font-weight: 600; display: grid; place-items: center; }
.blog-article-container .bx-steps li strong { display: block; color: #0b2545; font-size: 1.05rem; margin-bottom: 4px; }

.blog-article-container .bx-quote { background: #f6f9fd; border-left: 4px solid #1e88e5; padding: 18px 22px; border-radius: 10px; margin: 18px 0; font-style: normal; }
.blog-article-container .bx-quote cite { display: block; margin-top: 10px; font-style: normal; font-weight: 600; color: #0b2545; font-size: .95rem; }

.blog-article-container .blog2-section h3 { margin: 28px 0 10px; }
.blog-article-container .blog2-section p { margin-bottom: 14px; }
.blog-article-container .blog2-section ul,
.blog-article-container .blog2-section ol { margin: 0 0 18px 22px; }
.blog-article-container .blog2-section li { margin-bottom: 8px; }
.blog-article-container .blog2-faq-item ul { margin: 0 0 12px 22px; }
.blog-article-container .blog2-faq-item ul li { margin-bottom: 4px; }

.blog-article-container .bx-related { background: #e8f1fb; border-radius: 14px; padding: 24px 28px; margin: 32px 0 8px; }
.blog-article-container .bx-related h2 { margin: 0 0 8px; font-size: 1.25rem; }
.blog-article-container .bx-related ul { margin: 0 0 0 20px; }

.blog-article-container .bx-section-gap { margin-top: 56px; }

.blog-article-container .blog2-cost-card p + p { margin-top: 8px; }

@media (max-width: 600px) {
  .blog-article-container .bx-steps li { padding-left: 62px; }
}