/* Blog (/blog/ and /blog/<slug>/) — layered on site.css + seo.css. Generated pages: scripts/build-blog.mjs */

.post-head h1{max-width:860px}
.post-head .eyebrow a{color:inherit;text-decoration:none}
.post-head .eyebrow a:hover{text-decoration:underline}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:20px;font-size:13.5px;color:var(--ink-3)}

/* article extras */
.post h3{font-size:clamp(19px,1.8vw,22px);letter-spacing:-.02em;margin:28px 0 10px}
.post .post-msgs{margin:20px 0 8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.post .post-msgs .w-text{font-size:15px}
.post-cta{margin:32px 0;padding:22px 24px;border-radius:var(--r-card);background:var(--card);display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap}
.post-cta p{margin:0;font-size:16px;color:var(--ink);max-width:460px}
.seo-article .post-cta a.btn{color:#fff;flex:none}

/* index cards */
.blog-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}
.blog-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px;border-radius:var(--r-card);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:background .2s}
.blog-card:hover{background:var(--card)}
.blog-card h2{font-size:clamp(21px,2vw,26px);letter-spacing:-.025em;line-height:1.15}
.blog-card p{font-size:15px;line-height:1.55;color:var(--ink-2);flex:1}
.blog-card .post-meta{margin-top:4px}

@media (max-width:640px){
  .post-cta{padding:18px}
  .post-cta .btn{width:100%;justify-content:center}
}