.blog-list-container{max-width:1200px;margin:40px auto;padding:20px;text-align:center}.blog-list-container h1{font-size:2.8em;color:var(--primary-dark-blue);margin-bottom:40px}.blog-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;justify-content:center}.blog-post-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;flex-direction:column}.blog-post-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.blog-post-image{width:100%;height:200px;object-fit:cover;display:block}.blog-post-content{padding:20px;text-align:left;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.blog-post-content h2{font-size:1.5em;color:var(--primary-dark-blue);margin-top:0;margin-bottom:10px;line-height:1.3}.blog-post-meta{font-size:.9em;color:#777;margin-top:auto}.blog-empty,.blog-error,.blog-loading{text-align:center;font-size:1.2em;color:#555;margin-top:50px}@media (max-width:768px){.blog-list-container{padding:15px;margin:20px auto}.blog-list-container h1{font-size:2.2em;margin-bottom:30px}.blog-posts-grid{grid-template-columns:1fr;gap:20px}.blog-post-image{height:180px}.blog-post-content h2{font-size:1.3em}}.blog-controls{max-width:800px;margin:2rem auto 3rem}.search-bar input{width:100%;padding:.75rem 1rem;border:2px solid var(--accent-grey,#ccc);border-radius:50px;font-size:1rem;transition:all .3s ease}.search-bar input:focus{outline:none;border-color:var(--primary,#6495ed);box-shadow:0 0 0 3px rgba(100,149,237,.2)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.pagination span{color:var(--neutral-dark,#333);font-weight:500}.pagination button{padding:.75rem 1.5rem;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;background-color:var(--primary,#6495ed);color:var(--neutral-light,#fff)}.pagination button:hover:not(:disabled){background-color:var(--primary-dark,#4169e1);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.pagination button:disabled{background-color:var(--accent-grey,#ccc);cursor:not-allowed;opacity:.6}