.blog-preview-section{padding:64px 24px;background:#fafafa}.container{max-width:1140px;margin:0 auto}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-weight:700}.section-header p{font-size:1.125rem;color:#555;margin-top:6px}.blog-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.blog-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 6px 18px rgb(0 0 0 / .08);transition:transform 0.35s ease,box-shadow 0.35s ease;display:flex;flex-direction:column;height:100%}.blog-card:hover,.blog-card:focus-within{transform:translateY(-6px);box-shadow:0 12px 28px rgb(0 77 22 / .22);outline:none}.card-link{color:inherit;text-decoration:none;display:flex;flex-direction:column;height:100%}.blog-card img{width:100%;height:180px;object-fit:cover;border-bottom:1px solid #eaeaea;transition:transform 0.3s ease;flex-shrink:0}.blog-card:hover img,.blog-card:focus-within img{transform:scale(1.05)}.no-image-icon{width:100%;height:180px;background:#e0e0e0;color:#777;display:flex;align-items:center;justify-content:center;font-size:48px;user-select:none;flex-shrink:0}.card-content{padding:20px 16px;flex-grow:1;display:flex;flex-direction:column;align-items:center}.card-content h3{font-size:1.25rem;font-weight:700;margin-bottom:10px;color:#2c3e50;line-height:1.2;overflow-wrap:break-word}.card-content p{font-size:1rem;color:#444;line-height:1.6;flex-grow:1;margin-bottom:14px}.post-date{font-size:.875rem;color:#888;align-self:flex-start;font-style:normal}.blog-more{text-align:center;margin-top:40px}.see-all-btn{display:inline-block;padding:12px 32px;border-radius:25px;font-weight:700;font-size:1rem;text-decoration:none;transition:background-color 0.3s ease,box-shadow 0.3s ease}.see-all-btn:hover,.see-all-btn:focus{background:#005d21;box-shadow:0 6px 20px rgb(0 93 33 / .75);outline:none;color:#fff}@media (max-width:576px){.blog-preview-section{padding:48px 16px}.section-header h2{font-size:1.75rem}.section-header p{font-size:1rem}.blog-card img,.no-image-icon{height:150px}}@media (max-width:400px){.see-all-btn{padding:10px 20px;font-size:.9rem}}