.blog-hero{padding:72px 24px 56px;text-align:center;border-bottom:1px solid var(--border)}.blog-hero h1{font-size:clamp(1.8rem, 4.5vw, 2.8rem);color:var(--text);margin-bottom:12px;letter-spacing:-.03em}.blog-hero p{color:var(--text-muted);font-size:.92rem;max-width:480px;margin:0 auto}.blog-empty{padding:120px 24px;max-width:500px;margin:0 auto;text-align:center}.blog-empty-content i{font-size:2rem;color:var(--text-subtle);margin-bottom:24px;display:block}.blog-empty-content h2{font-size:1.2rem;color:var(--text);margin-bottom:12px;font-weight:600}.blog-empty-content p{color:var(--text-muted);font-size:.9rem;line-height:1.7;margin-bottom:32px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:56px 24px;max-width:1100px;margin:0 auto}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s;text-decoration:none;color:var(--text);display:flex;flex-direction:column}.blog-card:hover{border-color:var(--text-subtle)}.blog-card-img{height:140px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.blog-card-body{padding:20px;flex:1;display:flex;flex-direction:column;gap:8px}.blog-card-cat{background:var(--bg-elevated);color:var(--text-muted);font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:4px;display:inline-block;text-transform:uppercase;width:fit-content;letter-spacing:.06em}.blog-card-body h2{font-size:.9rem;color:var(--text);line-height:1.4;font-weight:600}.blog-card-body p{color:var(--text-muted);font-size:.82rem;line-height:1.7;flex:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-subtle)}.blog-card-footer span:last-child{color:var(--text-muted);font-weight:500}@media (max-width:768px){.blog-hero{padding:56px 20px 40px}.blog-empty{padding:80px 20px}.blog-grid{grid-template-columns:1fr;padding:40px 20px}}