.blog-header{padding:60px 0 40px;background:linear-gradient(135deg,var(--tf-primary) 0,var(--tf-primary-dark) 100%);color:var(--tf-white);text-align:center}.blog-header h1{color:var(--tf-white);margin-bottom:16px}.blog-intro{font-size:17px;color:rgba(255,255,255,.85);max-width:700px;margin:0 auto}.blog-grid-section{padding:60px 0 80px}.blog-card{background:var(--tf-white);border-radius:var(--tf-radius);overflow:hidden;box-shadow:var(--tf-shadow);transition:transform var(--tf-transition),box-shadow var(--tf-transition);height:100%}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--tf-shadow-lg)}.blog-card-link{display:block;-webkit-text-decoration:none;text-decoration:none;color:var(--tf-dark);padding:28px;height:100%;display:flex;flex-direction:column}.blog-card-link:hover{color:var(--tf-dark)}.blog-card-meta{display:flex;justify-content:space-between;margin-bottom:12px}.blog-date{font-size:13px;color:var(--tf-gray-500)}.blog-category{font-size:12px;font-weight:600;color:var(--tf-primary);text-transform:uppercase;letter-spacing:1px}.blog-card-title{font-size:20px;font-weight:700;margin-bottom:12px;line-height:1.3}.blog-card-excerpt{font-size:14px;color:var(--tf-gray-500);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-author{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--tf-gray-100);font-size:14px;color:var(--tf-gray-700)}.author-avatar-sm{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.blog-pagination .page-link{color:var(--tf-primary);border-color:var(--tf-gray-100)}.blog-pagination .page-item.active .page-link{background:var(--tf-primary);border-color:var(--tf-primary)}.blog-pagination .page-item.disabled .page-link{color:var(--tf-gray-300)}