.filter-container{display:flex;justify-content:flex-end;align-items:center;margin-bottom:2rem;gap:1rem}.year-filter{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;font-size:.875rem;color:#374151;cursor:pointer;min-width:120px}.year-filter:focus{outline:2px solid #3b82f6;outline-offset:2px}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}@media (min-width: 1024px){.content-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.content-grid{grid-template-columns:1fr;gap:1.5rem}}.entry-card{transition:all .3s ease;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.entry-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card-image{height:240px;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.entry-card:hover .card-image img{transform:scale(1.05)}.category-badge{position:absolute;top:12px;left:12px;background:var(--primary-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-content{padding:1.5rem}.card-title{font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:.75rem;color:#1f2937}.card-title a{color:inherit;text-decoration:none;transition:color .2s ease}.card-title a:hover{color:var(--primary-dark)}.card-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.card-excerpt{color:#4b5563;line-height:1.6;margin-bottom:1.5rem}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6}.author-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.read-more-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:8px 16px;border-radius:20px;text-decoration:none;font-size:.875rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.read-more-btn:hover{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 640px){.filter-container{justify-content:center}}