/* The article listing starts with a short introduction and an open feed. */
.blog-page .hero{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;padding:clamp(32px,5vw,56px) 0 36px;color:var(--body)}
.blog-page .hero::before,.blog-page .hero::after{display:none}
.blog-page .hero-inner{margin:0;max-width:900px;text-align:left}
.blog-page .hero .insight-name{color:var(--green-ink)!important;margin:0 0 14px;font-size:17px;font-weight:800}
.blog-page .hero h1{max-width:900px;color:var(--navy-deep);font-size:clamp(36px,4.6vw,54px);line-height:1.08;margin:0 0 16px}
.blog-page .hero .hero-copy{max-width:660px;margin:0;color:var(--body);font-size:17px;line-height:1.65}
.blog-page .feed.panel-section{margin-top:0;padding:30px 0 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
.blog-page .feed .section-head{margin:0 0 24px;max-width:none;text-align:left}
.blog-page .feed .section-title{font-size:28px;line-height:1.2}
.blog-page .featured{box-shadow:none;border-radius:12px}
.blog-page .card{box-shadow:none;border-radius:12px}
@media(max-width:620px){
  .blog-page .hero{padding-top:28px;padding-bottom:28px}
  .blog-page .feed.panel-section{padding-top:24px}
  .blog-page .featured-body{padding:26px}
}