/* Shared article styling for blog1.html, blog2.html, and future blog posts. */
.blog-content-section { background: #ffffff !important; }
.blog-content-section.section-top-bg::before { background: none; }
.blog-article { max-width: 820px; margin: 0 auto; font-family: Raleway, sans-serif; font-size: 16px; letter-spacing: 0.05em; }
.blog-article h1, .blog-article h2, .blog-article p, .blog-article figcaption { font-family: Raleway, sans-serif; }
.blog-article h2 { color: inherit; font-weight: 600; margin: 10px 0; }
.blog-article p + p { margin-top: 8px; }
.blog-article .article-kicker { margin-bottom: 12px; color: #8b665a; letter-spacing: .12em; text-transform: uppercase; font-size: 16px; }
.blog-article h1 { margin-bottom: 22px; font-family: Raleway, sans-serif; font-weight: 500; }
.blog-article .article-lead { font-size: 16px; line-height: 1.8; }
.blog-article p { line-height: 1.9; margin-top: 0; }
.blog-hero { margin: 36px 0; }
.blog-hero img { width: 100%; max-height: 520px; object-fit: cover; }
.blog-hero figcaption { margin-top: 10px; color: #777; font-size: 16px; text-align: center; }
.blog-article-nav { display: flex; justify-content: space-between; gap: 20px; margin-top: 36px; }
.blog-article-nav a { max-width: 48%; line-height: 1.6; }
.blog-article-nav a:last-child { text-align: right; }
@media (max-width: 575px) { .blog-article-nav { flex-direction: column; } .blog-article-nav a { max-width: 100%; } .blog-article-nav a:last-child { text-align: left; } }
.article-back { display: inline-block; margin-top: 28px; }
.article-list { margin: 8px 0 16px; padding-left: 24px; list-style: disc; }
.article-list li { display: list-item; margin: 6px 0; }
@media (max-width: 767px) { .blog-article h1 { font-size: 2rem; } }