/* Blog grid */
.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}

.blog-card{display:block;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform 0.3s,box-shadow 0.3s,border-color 0.3s;text-decoration:none;color:inherit}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.06);border-color:var(--color-accent)}
.blog-card-body{padding:var(--space-5)}

/* Blog TOC */
.blog-toc ul{margin:0;padding:0}
.blog-toc a:hover{text-decoration:underline}

/* Blog content styling */
.blog-content h2{margin-top:var(--space-8);margin-bottom:var(--space-4);scroll-margin-top:80px}
.blog-content h3{margin-top:var(--space-6);margin-bottom:var(--space-3);scroll-margin-top:80px}
.blog-content img{border-radius:var(--radius-lg);margin:var(--space-4) 0}
.blog-content ul{margin-bottom:var(--space-4)}
.blog-content li{margin-bottom:var(--space-2)}