/**handles:articles-blog-style**/
.articles-blog-container{margin:20px 0}.articles-blog-grid{display:grid;gap:30px;width:100%}.articles-blog-col-3{grid-template-columns:repeat(3,1fr)}.articles-blog-col-1{grid-template-columns:1fr}.articles-blog-col-2{grid-template-columns:repeat(2,1fr)}.articles-blog-col-4{grid-template-columns:repeat(4,1fr)}.article-blog-item{display:flex;flex-direction:column;transition:transform .3s ease}.article-blog-item:hover{transform:translateY(-5px)}.article-blog-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.article-blog-image{width:100%;height:200px;border-radius:15px;overflow:hidden;margin-bottom:15px;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.article-blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-blog-item:hover .article-blog-image img{transform:scale(1.05)}.article-blog-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e3f2fd 0,#bbdefb 100%);display:flex;align-items:center;justify-content:center;font-size:32px;border-radius:15px}.article-blog-date{font-size:16px;color:#fff;margin-bottom:10px;font-weight:400;opacity:.9}.article-blog-title{font-size:23px;font-weight:600;line-height:1.2;color:#fff;margin:0;transition:color .3s ease}.article-blog-link:hover .article-blog-title{color:#f0f0f0}.articles-blog-no-posts{text-align:center;color:#fff;font-style:italic;padding:40px 20px;opacity:.8}@media (max-width:1024px){.articles-blog-col-4{grid-template-columns:repeat(3,1fr)}.articles-blog-col-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.articles-blog-grid{gap:20px}.articles-blog-col-2,.articles-blog-col-3,.articles-blog-col-4{grid-template-columns:repeat(2,1fr)}.article-blog-image{height:160px;margin-bottom:12px}.article-blog-title{font-size:22px}.article-blog-date{font-size:16px;margin-bottom:8px}}@media (max-width:480px){.articles-blog-grid{gap:15px}.articles-blog-col-2,.articles-blog-col-3,.articles-blog-col-4{grid-template-columns:1fr}.article-blog-image{height:180px;border-radius:12px}.article-blog-title{font-size:22px}.article-blog-date{font-size:16px}}