.blog-header{margin-top:16px;margin-bottom:16px;text-align:left}.blog-title{font-size:1.7rem;font-weight:700;margin:0;line-height:2}.blog-desc{font-size:1rem;color:#444;margin:4px 0 0;line-height:1.4}.blog-filter-form{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.blog-filter-select{padding:8px 16px 8px 8px}.blog-filter-input{padding:8px;min-width:180px}.blog-filter-btn{padding:8px 16px;border-radius:4px;background:#222;color:#fff;border:none}.blog-post-title{font-size:1.1rem;font-weight:600;margin:8px 0 4px;line-height:1.25}.blog-post-summary{font-size:.97rem;color:#444;margin:0 0 8px;line-height:1.35;max-height:2.7em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-post-tags{margin-bottom:8px;display:flex;gap:8px;flex-wrap:wrap}.blog-post-tag{background:#f3f3f3;color:#333;border-radius:4px;padding:2px 8px;font-size:.85em;font-weight:500}.blog-pagination{display:flex;justify-content:center;gap:8px;margin:32px 0}.blog-page-btn{padding:8px 16px;border-radius:4px;background:#eee;color:#222;text-decoration:none;font-weight:400}.blog-page-btn.active{background:#222;color:#fff;font-weight:700}.blog-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0;width:100%}.blog-list>a{display:block}.blog-post{border:1px solid #ccc;border-radius:4px;padding:16px;background:#fff;height:100%;box-sizing:border-box}.blog-post h2{color:#0c0c0c}.blog-post figure{display:block;padding:0;margin:-16px -16px 16px}@media(max-width:1200px){.blog-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.blog-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.blog-list{grid-template-columns:1fr}}.blog-empty-state{text-align:center;padding:60px 20px;color:#666;font-size:1.1rem;grid-column:1/-1}.blog-empty-state p{margin:0}