/* Public blog only; the existing site and local draft preview keep their own styles. */
.blog-published .blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:32px; }
.blog-published .blog-card { min-width:0; background:#fff; border:1px solid var(--line,#d9ded8); border-radius:24px; overflow:hidden; }
.blog-published .blog-card-link { display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; }
.blog-published .blog-card-cover { aspect-ratio:16/10; overflow:hidden; background:#ece8de; }
.blog-published .blog-card-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.blog-published .blog-card-body { display:flex; flex-direction:column; flex:1; padding:28px; }
.blog-published .blog-card .eyebrow { margin:0 0 16px; font-size:12px; letter-spacing:.1em; }
.blog-published .blog-card h3 { margin:0 0 16px; font-size:clamp(24px,2.3vw,32px); line-height:1.15; letter-spacing:-.035em; overflow-wrap:anywhere; }
.blog-published .blog-card-summary { margin:0 0 24px; color:var(--muted,#55615e); font-size:16px; line-height:1.65; }
.blog-published .blog-card-meta { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:auto; color:var(--muted,#55615e); font-size:13px; line-height:1.5; }
.blog-published .blog-card-cta { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-top:24px; min-height:44px; color:#284be0; font-weight:600; }
.blog-published .blog-card-link:hover .blog-card-cta { text-decoration:underline; text-underline-offset:5px; }
.blog-published .blog-card-link:focus-visible { outline:3px solid #284be0; outline-offset:-5px; border-radius:24px; }
.blog-published .article-layout { padding-top:140px; }
.blog-published .article-heading .eyebrow { margin-top:32px; }
.blog-published .article-heading h1 { max-width:960px; margin-inline:auto; text-wrap:balance; }
.blog-published .article-cover { margin-top:44px; }
.blog-published .article-cover figcaption { padding:12px 4px 0; color:var(--muted,#55615e); font-size:13px; line-height:1.5; }
.blog-published .article-content h2[id] { scroll-margin-top:130px; }
.blog-published .article-content a:focus-visible { outline:2px solid #284be0; outline-offset:5px; }
.blog-published .article-toc a { display:inline-block; padding-block:7px; }
.blog-published .article-related { margin-top:48px; padding-top:24px; border-top:1px solid var(--line,#d9ded8); }
.blog-published .article-related h2 { margin-top:0; }
.blog-published .article-related li { margin:8px 0; }
@media(max-width:1000px) { .blog-published .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } }
@media(max-width:680px) {
  .blog-published .blog-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .blog-published .blog-card-body { padding:24px; }
  .blog-published .article-layout { padding-top:100px; }
  .blog-published .article-cover { margin-top:32px; }
  .blog-published .article-meta { gap:8px 16px; }
}