.content-resources { background: #f7f7f7; }
.content-resources h2 { max-width: 850px; margin: 0 0 18px; }
.content-resources h3 { margin: 30px 0 16px; }
.content-resources p { max-width: 850px; }
.resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.resource-card { display: flex; flex-direction: column; gap: 14px; padding: 26px; background: #fff; color: #171717; border: 1px solid #ddd; border-radius: 10px; text-decoration: none; min-width: 0; }
.resource-card strong { font-size: 21px; line-height: 1.3; overflow-wrap: anywhere; }
.resource-card > span { line-height: 1.55; }
.resource-card .resource-kicker { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #b50000; }
.resource-card .resource-action { color: #b50000; font-weight: 700; margin-top: auto; }
.resource-card:hover { border-color: #e00000; }
.resource-card:focus-visible { outline: 3px solid #b50000; outline-offset: 3px; }
.article-connections { margin: 36px 0; padding: 24px; border-left: 3px solid #f00; background: #f7f7f7; }
.article-connections a, .blog-article-main p a { text-decoration: underline; text-underline-offset: 3px; }
.blog-article-main .blog-image-caption { margin: 10px 0 28px; font-size: 14px; color: #555; line-height: 1.5; }
@media (max-width: 900px) { .resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .resource-grid { grid-template-columns: minmax(0, 1fr); } .resource-card { padding: 22px; } .article-connections { padding: 20px; } }
/* Prevent a long local-directory heading from imposing a wider grid track on phones. */
.local-split > div, .local-nap-grid > div, .residential-promise-grid > div { min-width: 0; }
.local-split .section-title, .residential-promise-grid .section-title { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .local-seo-page .section-title { font-size: clamp(28px, 8vw, 36px); overflow-wrap: anywhere; }
  .local-nap-card address { overflow-wrap: anywhere; }
}
@media (max-width: 600px) {
  .residential-benefits .section-title, .service-longtail-intro .section-title { font-size: clamp(28px, 8vw, 36px); overflow-wrap: anywhere; }
  .residential-promise-grid .btn { max-width: 100%; white-space: normal; }
}