.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blog-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--card);transition:transform .25s,box-shadow .25s}
.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.blog-card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.blog-card>a>div{padding:22px 24px 26px}
.blog-card h2,.blog-card h3{font-size:19px;line-height:1.35;margin:10px 0 12px}
.blog-card p{font-size:12px;line-height:1.85;color:var(--muted)}
.blog-meta{font-size:11px;color:var(--muted);display:block;margin-top:14px}
.blog-head h1{font-size:clamp(32px,4.6vw,56px);max-width:none}
.narrow{max-width:860px}
.blog-body{padding-top:40px;padding-bottom:70px}
.blog-video video,.blog-figure img{width:100%;border-radius:6px;display:block;background:#111}
.blog-figure{margin:34px 0}.blog-figure figcaption{font-size:11px;color:var(--muted);margin-top:8px}
.blog-takeaways{background:var(--soft);border-left:4px solid var(--yellow);padding:22px 26px;margin:32px 0;border-radius:4px}
.blog-takeaways ul{margin:10px 0 0 18px;font-size:13px;line-height:1.9;list-style:disc}
.blog-toc{display:flex;flex-direction:column;gap:8px;font-size:12px;border:1px solid var(--line);padding:20px 24px;border-radius:4px;margin-bottom:32px}
.blog-toc a{text-decoration:underline;text-underline-offset:3px}
.blog-prose{font-size:14px;line-height:1.95}
.blog-prose h2{font-size:26px;line-height:1.3;margin:42px 0 16px}
.blog-prose h3{font-size:19px;margin:28px 0 12px}
.blog-prose p{margin-bottom:18px}
.blog-prose ul,.blog-prose ol{margin:0 0 20px 22px}.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}
.blog-prose li{margin-bottom:6px}
.blog-prose a{text-decoration:underline;text-underline-offset:3px;color:var(--green)}
[data-theme=dark] .blog-prose a{color:var(--yellow)}
.blog-prose blockquote{border-left:3px solid var(--yellow);padding-left:18px;font-style:italic}
.blog-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;background:var(--yellow);color:var(--charcoal);padding:26px 30px;border-radius:6px;margin:36px 0}
.blog-cta strong{font-size:18px;display:block;margin-bottom:6px}.blog-cta p{font-size:12px;line-height:1.8;margin:0}
.blog-cta .button{background:var(--charcoal);color:#fff;white-space:nowrap}
.blog-faq{margin-top:50px}.blog-faq h2{font-size:26px;margin-bottom:20px}
.blog-note{font-size:11px;color:var(--muted);margin-top:30px}
.blog-related h2{font-size:24px;margin-bottom:24px}
.blog-empty{font-size:14px}
@media (max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-cta{flex-direction:column;align-items:flex-start}}