/* WebDeliver360 blog: complements existing typography and colors */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin:32px 0}.blog-grid a{color:#123047}.blog-article{max-width:820px;margin:auto}.blog-article h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.15}.blog-article h2{margin:36px 0 14px}.blog-article p{line-height:1.85;margin-bottom:18px}.blog-cta{padding:30px;background:#e9f7f6;border-radius:22px;margin-top:40px}.blog-cta .btn{margin:8px 8px 0 0}


/* Desktop-only blog directory adjustments. Mobile typography/layout unchanged. */
@media (min-width: 791px) {
  .blog-listing { padding-block: 64px 84px; }
  .blog-listing > .container > h1 {
    font-size: clamp(2.65rem, 3.7vw, 3.65rem);
    line-height: 1.13;
    letter-spacing: -.04em;
    max-width: 970px;
    margin-bottom: 16px;
  }
  .blog-listing .body-large { max-width: 830px; }
  .blog-listing .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
  }
  .blog-listing .blog-grid .feature-card { min-width: 0; padding: 26px; }
  .blog-listing .blog-grid .feature-card h2 {
    font-size: clamp(1.24rem, 1.65vw, 1.52rem);
    line-height: 1.35;
    letter-spacing: -.025em;
    margin: 16px 0 14px;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
  }
  .blog-listing .blog-grid .feature-card h2 a {
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
  }
  .blog-listing .blog-grid .feature-card .kicker {
    line-height: 1.5;
    overflow-wrap: break-word;
  }
}
@media (min-width: 1120px) {
  .blog-listing .blog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}