/* handlepilot.com/blog: the list of articles (index.html). Loaded after
   landing.css, free-tools/tool.css (the breadcrumb) and blog/article.css (the hero). */
.blog-list{padding-block:40px 96px}
.blog-cards{list-style:none;margin:0 auto;padding:0;max-width:1040px;display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:18px}
.blog-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.blog-card:hover,.blog-card:focus-visible{border-color:var(--blue);box-shadow:0 8px 24px #0000000f;transform:translateY(-2px)}
.blog-card h2{font-size:22px;line-height:1.25;letter-spacing:-.03em}
.blog-card p{flex:1;font-size:15px;line-height:1.65;color:var(--muted)}
.blog-card-meta{font-size:13px;color:#6b6b6b}
.blog-card-go{font-size:15px;font-weight:600;color:var(--blue)}
@media(max-width:650px){
 .blog-list{padding-block:24px 64px}
 .blog-cards{grid-template-columns:minmax(0,1fr);gap:12px}
 .blog-card{padding:20px}
 .blog-card h2{font-size:20px}
}