/* Reuse the approved insurance guide typography, with rainfall-only additions. */
.rainfall-guide .article-hero { padding-top: 36px; }
.rainfall-guide .article-hero-category { display: block; text-transform: uppercase; }
.rainfall-guide .article-meta { margin-bottom: 18px; }
.rainfall-guide .rainfall-intro { max-width: 820px; font-size: 17px; line-height: 1.7; margin: 0 0 18px; }
.rainfall-guide .ig-start { margin-top: 24px; }
.rainfall-guide .ig-contents { align-items: center; gap: 2px 22px; }
.rainfall-guide .ig-contents a { display: inline-flex; align-items: center; min-height: 44px; }
.rainfall-guide .rainfall-contents-label { flex-basis: 100%; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: #566475; }
.rainfall-guide .article-body h3 { margin-top: 28px; }
.rainfall-guide .article-body > section { margin-top: 40px; }
.rainfall-guide .rainfall-comparison table { min-width: 620px; }
.rainfall-guide .rainfall-comparison th { width: 33.333%; }
.rainfall-guide .rainfall-example-table table { min-width: 0; }
.rainfall-guide .rainfall-example-table th[scope="row"] { width: 35%; }
.rainfall-guide .rainfall-excerpt { margin: 28px 0; }
.rainfall-guide .rainfall-excerpt img { width: 100%; height: auto; border: 1px solid #d8e1ed; }
.rainfall-guide .rainfall-excerpt figcaption { margin-top: 12px; color: #526273; font-size: 14px; line-height: 1.65; }
.rainfall-guide .article-cta { text-align: center; }
.rainfall-guide .article-cta h2 { max-width: 800px; margin-inline: auto; line-height: 1.3; }
.rainfall-guide .article-cta .rainfall-publisher { font-size: 14px; margin: 20px auto 0; }
.rainfall-guide .rainfall-publisher a { text-decoration: underline; text-underline-offset: 3px; }
@media(max-width: 600px) {
  .rainfall-guide .article-hero { padding-top: 28px; }
  .rainfall-guide .rainfall-intro { font-size: 16px; }
  .rainfall-guide .article-body > section { margin-top: 32px; }
  .rainfall-guide .rainfall-example-table th,
  .rainfall-guide .rainfall-example-table td { padding: 12px 10px; }
  .rainfall-guide .rainfall-example-table th[scope="row"] { width: 43%; }
  .rainfall-guide .rainfall-example-table { overflow-wrap: anywhere; }
}