/* Scoped blog layouts; shared site typography, header and footer stay unchanged. */
.clinic-blog { padding-top: 40px; padding-bottom: 70px; }
.clinic-blog-breadcrumb { margin-bottom: 28px; font-size: 15px; overflow-wrap: anywhere; }
.clinic-blog-breadcrumb span { margin: 0 5px; }
.clinic-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 30px; }
.clinic-blog-card { min-width: 0; border: 1px solid #e3edf3; border-radius: 18px; overflow: hidden; background: #fff; box-shadow: 0 12px 30px rgba(16,42,67,.08); }
.clinic-blog-card-link { display: block; height: 100%; color: inherit; text-decoration: none; }
.clinic-blog-card-link:hover { color: inherit; text-decoration: none; }
.clinic-blog-card-link:focus-visible { outline: 3px solid #009c9a; outline-offset: -3px; }
.clinic-blog-card img { display: block; width: 100%; height: auto; }
.clinic-blog-card-body { padding: 24px; }
body .clinic-blog-card h2 { font-size: 25px !important; line-height: 1.3 !important; margin-top: 0; background: transparent !important; box-shadow: none !important; padding: 0 !important; }
.clinic-blog-card p { line-height: 1.65; }
.clinic-blog-article { max-width: 860px; margin: 0 auto; overflow-wrap: break-word; }
body .clinic-blog-article h1, body .clinic-blog-article h2, body .clinic-blog-article h3, body .clinic-blog-article h4, body .clinic-blog-article h5, body .clinic-blog-article h6 { background: transparent !important; background-color: transparent !important; box-shadow: none !important; padding: 0 !important; }
body .clinic-blog-article h1 { font-size: clamp(30px, 4vw, 46px) !important; line-height: 1.2 !important; margin: 0 0 30px; }
.clinic-blog-article-image { display: block; width: 100%; height: auto; margin: 0 0 30px; border-radius: 12px; }
body .clinic-blog-article h2 { font-size: clamp(25px, 3vw, 34px) !important; line-height: 1.3 !important; margin: 38px 0 18px; }
body .clinic-blog-article h3 { font-size: 24px !important; line-height: 1.35 !important; margin: 28px 0 14px; }
.clinic-blog-article p, .clinic-blog-article li { font-size: 18px; line-height: 1.8; }
.clinic-blog-article ul { padding-left: 26px; margin-bottom: 24px; }
@media (max-width: 991px) { .clinic-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .clinic-blog-grid { grid-template-columns: minmax(0, 1fr); } .clinic-blog { padding-top: 28px; padding-bottom: 45px; } }