:root{--primary-color:#2d3748;--secondary-color:#718096;--accent-color:#ff7a00;--card-bg-color:#fff;--border-color:#e2e8f0}.blog-content-area{width:100%}.hero-section h1{margin-bottom:.5rem}.hero-section p{color:var(--secondary-color);max-width:600px}.filters-section{margin:20px 0}.search-bar input{width:100%;max-width:480px;padding:12px 15px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem}.category-filters{margin-top:15px;display:flex;flex-wrap:wrap;gap:10px}.category-filters a{padding:8px 15px;color:var(--secondary-color);background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:20px;font-size:.9rem;transition:all .2s ease}.category-filters a:hover{color:var(--accent-color);border-color:var(--accent-color)}.category-filters a.active{background-color:var(--accent-color);color:white;border-color:var(--accent-color)}.article-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-top:30px}@media(min-width:768px){.article-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.article-grid{grid-template-columns:repeat(3,1fr)}}.article-card{background:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.05);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.card-link-wrapper{display:flex;flex-direction:column;height:100%;color:inherit}.card-image img{width:100%;height:200px;object-fit:cover;display:block}.card-body{padding:20px;display:flex;flex-direction:column;flex-grow:1}.card-category{display:inline-block;color:var(--accent-color);font-size:.8rem;font-weight:bold;text-transform:uppercase;margin-bottom:10px}.card-title{font-size:1.25rem;margin:0 0 10px 0;color:var(--primary-color)}.card-excerpt{font-size:.95rem;color:var(--secondary-color);margin:0 0 15px 0;flex-grow:1}.card-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--secondary-color);margin-top:auto}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px}.pagination .page-number{padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;color:var(--secondary-color)}.pagination .page-number:hover{border-color:var(--accent-color);color:var(--accent-color)}.pagination .page-number.active{background-color:var(--accent-color);color:white;border-color:var(--accent-color)}.pagination .page-number.disabled{opacity:.5;cursor:not-allowed}