/* Article detail layout matching the rainy season construction reference page.
   All post content, including pictures imported from Word, stays in one column. */
.jc-blog-article { max-width: 900px; min-width: 0; }
.jc-blog-article img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; }
.jc-blog-article figure { max-width: 100%; margin: 26px 0; }
.jc-blog-article figure img { margin: 0 0 10px; }
.jc-blog-article figcaption { color: #667085; font-size: .9rem; line-height: 1.6; }
.jc-blog-article .summary-box { margin: 20px 0; }
.jc-blog-article .solution-box { border-left: 4px solid var(--orange2); }
.jc-blog-article .cta-band { margin-top: 34px; }
.jc-blog-article .cta-band h2 { color: #fff; }
.jc-blog-article .cta-band p { color: #d6def7; line-height: 1.8; }
.jc-blog-article table { display: block; max-width: 100%; overflow-x: auto; }
@media (max-width: 680px) {
  .jc-blog-article figure { margin: 20px 0; }
  .jc-blog-article .summary-box { padding: 16px; }
}