.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2rem 0}@media (max-width:1200px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:480px){.blog-grid{grid-template-columns:1fr}}.blog-grid .blog-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;height:100%}.blog-grid .blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(111,66,193,.2)}.blog-grid .blog-image-container{width:100%;height:200px;overflow:hidden;position:relative}.blog-grid .blog-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-grid .blog-card:hover .blog-image{transform:scale(1.05)}.blog-grid .blog-text-content{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1}.blog-grid .blog-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#2d3748;line-height:1.4;-webkit-line-clamp:2}.blog-grid .blog-description,.blog-grid .blog-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-grid .blog-description{font-size:.95rem;color:#4a5568;margin-bottom:1rem;line-height:1.6;-webkit-line-clamp:3;flex-grow:1}.blog-grid .blog-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#718096;margin-bottom:1rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.blog-grid .blog-date{display:flex;align-items:center;gap:.25rem}.blog-grid .blog-author{font-weight:500;color:#6f42c1}.blog-grid .read-more{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#6f42c1,#5a32a3);color:white;text-decoration:none;border-radius:6px;font-weight:500;font-size:.9rem;transition:all .3s ease;align-self:flex-start}.blog-grid .read-more:hover{background:linear-gradient(135deg,#5a32a3,#4a2889);transform:translateX(3px)}.blog-grid .blog-tags{margin-bottom:.75rem}.blog-grid .blog-tags h4{font-size:.85rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.blog-grid .tag-container{display:flex;flex-wrap:wrap;gap:.5rem}.blog-grid .blog-tag{display:inline-block;padding:.25rem .75rem;background:#f7fafc;color:#6f42c1;font-size:.8rem;border-radius:20px;border:1px solid #e2e8f0;cursor:default;transition:all .2s ease}.blog-grid .blog-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.75rem}.blog-grid .blog-actions .btn{flex:1;padding:.5rem;font-size:.85rem}.blog-title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.btn-primary,.user-blogs-button-container button{background:linear-gradient(135deg,#6f42c1,#5a32a3);color:white;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover,.user-blogs-button-container button:hover{background:linear-gradient(135deg,#5a32a3,#4a2889);transform:translateY(-2px);box-shadow:0 4px 12px rgba(111,66,193,.3)}