/* Blog-only additions. Existing master.css remains untouched. */
#blog_page.article-page { line-height: 1.55; }
.blog-listing-card h2 a { color:#3b3632; text-decoration:none; }
.blog-listing-card h2 a:hover { color:#85653f; text-decoration:underline; }
.blog-listing-card p { line-height:19px; }
.listing-read-more { margin-top:12px; }
.listing-read-more a, .article-links a, .article-breadcrumb a, .blog-article__content a { color:#12477c; text-decoration:underline; }
.article-breadcrumb { padding:25px 35px 0; font-size:11px; color:#777; }
.blog-article { padding:18px 35px 45px; }
.blog-article__header h1 { font-size:28px; line-height:34px; color:#3b3632; font-family:Arial, Helvetica, sans-serif; margin:0 0 12px; }
.blog-article__excerpt { font-size:14px; line-height:21px; color:#5b534b; margin-bottom:18px; }
.article-hero { margin:14px 0 24px; }
.article-hero img { width:100%; max-height:280px; object-fit:cover; border:1px solid #c7b9a9; padding:3px; background:#fff; box-sizing:border-box; }
.blog-article__content p { margin:0 0 14px; line-height:20px; }
.blog-article__content h2 { font-size:20px; line-height:26px; color:#3b3632; font-family:Arial, Helvetica, sans-serif; margin:26px 0 10px; }
.blog-article__content h3 { font-size:15px; line-height:21px; color:#5b4a36; font-family:Arial, Helvetica, sans-serif; margin:18px 0 7px; }
.blog-article__content ul, .blog-article__content ol { margin:8px 0 16px 24px; }
.blog-article__content ul li, .blog-article__content ol li { float:none !important; width:auto !important; background:none !important; list-style-position:outside; margin:0 0 6px !important; padding:0 !important; line-height:19px; }
.blog-article__content ul li { list-style:disc; }
.blog-article__content ol li { list-style:decimal; }
.blog-table-wrap { overflow-x:auto; margin:14px 0 20px; }
.blog-table-wrap table { width:100%; border-collapse:collapse; }
.blog-table-wrap th, .blog-table-wrap td { border:1px solid #c9c2b8; padding:8px; text-align:left; vertical-align:top; }
.article-links { margin:0 35px 45px; padding:15px; background:#f4f1ec; border:1px solid #ddd3c8; line-height:20px; }
@media only screen and (max-width: 900px) { .article-hero img { height:auto; } }

/* Listing readability fixes for the legacy blog layout. */
.blog-listing-card h2 { line-height:29px; margin-bottom:3px; }
.blog-listing-card .blog_date { line-height:15px; margin-bottom:8px; }
.rec_art ul li { line-height:15px; }