.blog-post{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.blog-post:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.post-thumbnail{margin-bottom:var(--space-6);border-radius:8px;overflow:hidden}.post-thumbnail a{display:block;width:100%;height:100%}.post-thumb-img{width:100%;height:auto;display:block;transition:opacity var(--transition-normal)}.post-thumbnail:hover .post-thumb-img{opacity:.9}.post-header{margin-bottom:var(--space-6)}.post-category{display:inline-block;background:var(--primary-brand);color:#fff;padding:var(--space-2) var(--space-4);border-radius:20px;font-size:var(--text-sm);font-weight:500;text-decoration:none;margin-bottom:var(--space-4);transition:all var(--transition-fast)}.post-category:hover{background:#0d47a1;transform:translateY(-1px)}.post-title{font-size:var(--text-3xl);font-weight:700;line-height:1.3;margin-bottom:var(--space-4);color:var(--text-primary)}.post-title a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.post-title a:hover{color:var(--primary-brand)}.post-meta{display:flex;align-items:center;gap:var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:var(--space-2)}.meta-separator{width:4px;height:4px;background:var(--text-tertiary);border-radius:50%}.post-excerpt{margin-bottom:var(--space-6);color:var(--text-secondary);line-height:1.6}.post-excerpt p{margin:0}.post-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.read-more{color:var(--primary-brand);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.read-more:hover{color:#0d47a1;text-decoration:underline}.post-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.tag{background:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:4px;font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-fast)}.tag:hover{background:var(--primary-brand);color:#fff}.pagination{margin-top:var(--space-12);text-align:center}.pagination .nav-links{display:flex;justify-content:center;align-items:center;gap:var(--space-2);padding:0;margin:0}.pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all var(--transition-fast);padding:0 var(--space-3);position:relative;overflow:hidden}.pagination .page-numbers.current{background:var(--primary-brand);color:#fff}.pagination .page-numbers:hover:not(.current):not(.dots){background:var(--primary-brand);color:#fff}.pagination .prev,.pagination .next{font-weight:500}.pagination .dots{color:var(--text-tertiary);padding:0 var(--space-2)}.pagination ul{display:flex;justify-content:center;align-items:center;list-style:none;gap:var(--space-2);padding:0;margin:0}.page-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.page-link:hover,.page-link.active{background:var(--primary-brand);color:#fff}.page-link.next{width:auto;padding:0 var(--space-3)}.page-separator{color:var(--text-tertiary);padding:0 var(--space-2)}@media (max-width:768px){.blog-post{padding:var(--space-4)}.post-thumbnail{margin-bottom:var(--space-4)}.post-title{font-size:var(--text-2xl)}.post-meta{flex-wrap:wrap;gap:var(--space-2)}.pagination .nav-links{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:var(--space-1) !important;padding:var(--space-2) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pagination .nav-links::-webkit-scrollbar{display:none}.pagination .page-numbers{min-width:36px;height:36px;font-size:.9rem;flex:0 0 auto}.pagination .prev,.pagination .next{padding:0 var(--space-2)}}@media (max-width:480px){.post-title{font-size:var(--text-xl)}}@media (min-width:1600px){.blog-post{padding:var(--space-12)}.post-title{font-size:var(--text-4xl)}.post-meta{gap:var(--space-6)}.post-footer{gap:var(--space-6)}}@media (min-width:1920px){.blog-list{margin-bottom:var(--space-16)}.blog-post{margin-bottom:var(--space-12);padding:var(--space-16)}.post-header{margin-bottom:var(--space-8)}.post-excerpt{margin-bottom:var(--space-8)}.pagination{margin-top:var(--space-16)}}