.blog-grid-container{width:100%}.blog-section-title{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 30px}.blog-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.blog-filter-pill{padding:10px 20px;background-color:#d1fae5;color:#065f46;border:none;border-radius:25px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;outline:none}.blog-filter-pill:hover{background-color:#a7f3d0;transform:translateY(-2px)}.blog-filter-pill.active{background-color:#10b981;color:#fff}.blog-grid{display:grid;gap:30px;width:100%}.blog-grid[data-columns="1"]{grid-template-columns:repeat(1,1fr)}.blog-grid[data-columns="2"]{grid-template-columns:repeat(2,1fr)}.blog-grid[data-columns="3"]{grid-template-columns:repeat(3,1fr)}.blog-grid[data-columns="4"]{grid-template-columns:repeat(4,1fr)}.blog-post-card{background-color:#fff;border-radius:15px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.blog-post-card.hidden{display:none}.blog-post-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgb(0 0 0 / .15)}.blog-post-link{display:block;text-decoration:none;color:inherit}.blog-post-image{position:relative;width:100%;height:250px;overflow:hidden}.blog-post-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.blog-post-card:hover .blog-post-image img{transform:scale(1.1)}.blog-post-category-tag{position:absolute;top:15px;left:15px;background-color:#10b981;color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.blog-post-content{padding:25px}.blog-post-read-time{display:inline-block;color:#10b981;font-size:13px;font-weight:600;margin-bottom:12px}.blog-post-title{color:#1f2937;font-size:22px;font-weight:700;margin:0 0 12px;line-height:1.4;transition:color 0.3s ease}.blog-post-excerpt{color:#4B5563;font-size:18px;line-height:1.6;margin:0}@media (max-width:1024px){.blog-grid[data-columns-tablet="1"]{grid-template-columns:repeat(1,1fr)}.blog-grid[data-columns-tablet="2"]{grid-template-columns:repeat(2,1fr)}.blog-grid[data-columns-tablet="3"]{grid-template-columns:repeat(3,1fr)}.blog-section-title{font-size:28px}.blog-post-title{font-size:20px}}@media (max-width:767px){.blog-grid{grid-template-columns:repeat(1,1fr)!important;gap:20px}.blog-section-title{font-size:24px;margin-bottom:20px}.blog-filters{gap:8px;margin-bottom:25px}.blog-filter-pill{padding:8px 16px;font-size:13px}.blog-post-image{height:200px}.blog-post-content{padding:20px}.blog-post-title{font-size:18px}.blog-post-excerpt{font-size:14px}}