.blog-hero{padding-bottom:var(--space-16)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.blog-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.blog-card{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.blog-card-image{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface-subtle)}
.blog-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.blog-card-body{padding:var(--space-6)}
.blog-card h2,.blog-card h3{margin:.55rem 0 .75rem;line-height:1.18}.blog-card h2{font-size:1.45rem}.blog-card h3{font-size:1.2rem}
.blog-card h2 a,.blog-card h3 a{color:var(--text-strong);text-decoration:none}.blog-card h2 a:hover,.blog-card h3 a:hover{color:var(--brand)}
.blog-category{display:inline-flex;color:var(--brand);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-decoration:none}
.blog-meta{display:flex;flex-wrap:wrap;gap:.55rem 1rem;color:var(--text-muted);font-size:.875rem;margin-top:var(--space-4)}
.blog-post-hero .blog-meta{margin-top:var(--space-5)}
.blog-cover{margin:0 0 var(--space-10)}.blog-cover img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:var(--radius-2xl)}
.blog-article{padding-top:var(--space-12)}
.blog-content{font-size:1.0625rem;line-height:1.75;color:var(--text-body)}
.blog-content h2{margin:2.6rem 0 1rem}.blog-content h3{margin:2rem 0 .8rem}.blog-content p,.blog-content ul,.blog-content ol,.blog-content blockquote{margin:0 0 1.35rem}
.blog-content a{color:var(--brand)}.blog-content blockquote{border-left:4px solid var(--brand);padding:1rem 1.25rem;background:var(--brand-soft);border-radius:0 var(--radius-md) var(--radius-md) 0}
.blog-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:var(--space-10) 0}.blog-tags a{padding:.4rem .75rem;border:1px solid var(--border-default);border-radius:var(--radius-pill);text-decoration:none;color:var(--text-body);font-size:.875rem}.blog-tags a:hover{border-color:var(--brand);color:var(--brand)}
.blog-cta{margin-top:var(--space-12);padding:var(--space-8);border-radius:var(--radius-xl);background:var(--blue-50);border:1px solid var(--blue-100)}
.panel-empty{padding:var(--space-12);text-align:center;background:var(--surface-subtle);border-radius:var(--radius-lg)}
.social-list{display:flex;flex-wrap:wrap;gap:.55rem}.social-list .social{padding:9px 12px}.social-list .social span{font-size:.82rem}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.blog-grid,.blog-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.blog-grid,.blog-grid.compact{grid-template-columns:1fr}.blog-card-body{padding:var(--space-5)}.blog-article{padding-top:var(--space-8)}}