.blogs-container{font-family:Inter,sans-serif;line-height:1.6;color:#1a1a1a;background-color:#f8f8f8;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px;box-sizing:border-box}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;width:100%;max-width:1200px;padding-bottom:40px}.blog-card{display:flex;flex-direction:column;background-color:#ffffff;border:1px solid #e0e0e0;box-shadow:0 4px 15px rgba(0,0,0,.08);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 25px rgba(0,0,0,.15)}.blog-image-container{width:100%;height:220px;position:relative;overflow:hidden;background-color:#eeeeee}.blog-image{transition:transform .4s ease}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-content{padding:20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.blog-title{font-size:1.5em;color:#5390c9;margin-top:0;margin-bottom:10px;font-weight:600;line-height:1.3;-webkit-line-clamp:2}.blog-summary,.blog-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-summary{font-size:.95em;color:#555555;margin-bottom:15px;flex-grow:1;-webkit-line-clamp:3}.blog-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85em;color:#777777;margin-top:10px;margin-bottom:20px}.blog-author{font-weight:500}.blog-date{font-style:italic}.blog-readmore-button{display:inline-block;width:auto;align-self:flex-start;padding:10px 20px;font-size:.95em;font-weight:600;cursor:pointer;background-color:#7f9040;color:#ffffff;border:1px solid #7f9040;text-align:center;text-decoration:none;transition:all .3s ease;box-sizing:border-box}.blog-readmore-button:hover{background-color:#647333;box-shadow:0 4px 10px rgba(127,144,64,.4);transform:translateY(-2px)}.blog-readmore-button:active{background-color:#4f5a28;transform:translateY(0);box-shadow:0 2px 5px rgba(127,144,64,.3)}.blogs-empty-message,.blogs-error-screen,.blogs-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f8f8f8;font-family:Inter,sans-serif;color:#1a1a1a;text-align:center;padding:20px;box-sizing:border-box}.blogs-empty-message,.blogs-error-text,.blogs-loading-text{font-size:1.5em;color:#333333;margin:20px 0}@media (max-width:768px){.blogs-container{padding:30px 15px}.blogs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.blog-card{box-shadow:0 2px 10px rgba(0,0,0,.06)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 18px rgba(0,0,0,.1)}.blog-image-container{height:180px}.blog-content{padding:15px}.blog-title{font-size:1.3em;margin-bottom:8px}.blog-summary{font-size:.9em;margin-bottom:12px}.blog-meta{font-size:.8em;margin-bottom:15px}.blog-readmore-button{padding:9px 18px;font-size:.9em}.blogs-empty-message,.blogs-error-text,.blogs-loading-text{font-size:1.3em}}@media (max-width:480px){.blogs-container{padding:20px 10px}.blogs-grid{grid-template-columns:1fr;gap:20px}.blog-image-container{height:160px}.blog-content{padding:12px}.blog-title{font-size:1.2em;margin-bottom:6px}.blog-summary{font-size:.85em;-webkit-line-clamp:4}.blog-meta{font-size:.75em;margin-bottom:10px}.blog-readmore-button{padding:8px 15px;font-size:.85em;width:100%}.blogs-empty-message,.blogs-error-text,.blogs-loading-text{font-size:1.1em}}@media (max-width:320px){.blogs-container{padding:15px 8px}.blogs-grid{gap:15px}.blog-image-container{height:140px}.blog-content{padding:10px}.blog-title{font-size:1.1em;margin-bottom:5px}.blog-summary{font-size:.8em;-webkit-line-clamp:5}.blog-meta{font-size:.7em;margin-bottom:8px}.blog-readmore-button{padding:7px 12px;font-size:.8em}.blogs-empty-message,.blogs-error-text,.blogs-loading-text{font-size:1em}}