.breadcrumb { max-width:1120px; margin:auto; padding:24px 24px 0; font-size:11px; color:#626c65; }
.blog-archive { max-width:1120px; margin:auto; padding:28px 24px 72px; }
.blog-kicker { margin:0 0 8px; color:var(--brand); font:400 14px "Josefin Sans",sans-serif; letter-spacing:.08em; }
.blog-archive h1 { margin:0 0 36px; font-size:32px; font-weight:400; line-height:1.5; }
.blog-list { list-style:none; padding:0; margin:0; border-top:1px solid #ccd9d0; }
.blog-list li { border-bottom:1px solid #ccd9d0; }
.blog-article { display:grid; grid-template-columns:100px 148px minmax(0,1fr) 20px; gap:24px; align-items:center; padding:28px 16px; color:inherit; text-decoration:none; }
.blog-article:hover { background:var(--pale); text-decoration:none; }
.blog-date { font:400 14px/1.5 "Josefin Sans",sans-serif; color:#515b53; }
.blog-category { color:var(--dark); font-size:12px; line-height:1.5; }
.blog-article h2 { margin:0; font-size:15px; line-height:1.9; font-weight:400; overflow-wrap:anywhere; }
.blog-arrow { color:var(--dark); }
.blog-pager { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 16px; padding:36px 0 0; }
.blog-pager a, .blog-pager span { color:var(--brand); font-size:14px; line-height:1; text-decoration:none; }
.blog-pager .current { color:var(--dark); }
@media(max-width:760px) {
  .blog-archive h1 { font-size:26px; }
  .blog-article { grid-template-columns:100px minmax(0,1fr) 20px; gap:10px 16px; padding:22px 0; }
  .blog-article h2 { grid-column:1/3; grid-row:2; }
  .blog-arrow { grid-column:3; grid-row:1/3; }
}