.filter-btn{padding:8px 12px;border:2px solid var(--brand-primary-300);border-radius:var(--radius-xl);background:#fff;color:var(--brand-primary-700);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.filter-btn:hover{background:var(--brand-primary-50)}.filter-btn.active{background:var(--gradient-primary);color:white;border-color:var(--brand-primary-500);box-shadow:var(--shadow-brand)}.post-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--neutral-200);display:flex;flex-direction:column}.post-thumb{width:100%;height:180px;object-fit:cover;background:var(--neutral-100)}.post-content{padding:var(--space-6)}.post-title{font-weight:700;color:var(--brand-primary-700);margin-bottom:var(--space-2)}.post-meta{color:var(--neutral-500);font-size:var(--text-sm);margin-bottom:var(--space-3)}.post-excerpt{color:var(--neutral-700)}.post-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-lg);text-decoration:none;font-weight:600;background:var(--brand-primary-50);color:var(--brand-primary-700)}.load-more{margin-top:var(--space-8);display:inline-block;padding:10px 16px;background:var(--gradient-secondary);color:white;border:none;border-radius:var(--radius-xl);font-weight:600;cursor:pointer;box-shadow:var(--shadow-brand)}.page-btn{padding:8px 12px;border:2px solid var(--brand-primary-300);border-radius:var(--radius-xl);background:#fff;color:var(--brand-primary-700);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-width:40px;text-align:center}.page-btn:hover{background:var(--brand-primary-50)}.page-btn.active{background:var(--gradient-primary);color:white;border-color:var(--brand-primary-500);box-shadow:var(--shadow-brand)}.page-btn[disabled]{opacity:.5;cursor:not-allowed}.popular-list li{margin-bottom:var(--space-3)}.popular-list a{text-decoration:none;color:var(--neutral-700)}.accordion-item.open .accordion-body{display:block}