.articles-list{flex-direction:column;gap:60px;display:flex}.article-item{flex-direction:column;padding-bottom:20px;display:flex;position:relative}.article-content-wrapper{align-items:flex-start;gap:30px;display:flex}.article-thumbnail-wrapper{background:#111;border:1px solid #222;border-radius:12px;flex-shrink:0;width:180px;height:120px;overflow:hidden}.article-thumbnail{object-fit:cover;opacity:.8;width:100%;height:100%;transition:all .5s}@media (hover:hover){.article-item:hover .article-thumbnail{opacity:1;transform:scale(1.1)}}.article-text-content{flex-direction:column;flex:1;gap:12px;display:flex}.article-item.clickable{cursor:pointer}.article-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.article-title{max-width:80%;font-size:1.8rem;font-weight:700;line-height:1.2}.article-arrow{color:var(--accent-orange);transition:transform .3s}@media (hover:hover){.article-item:hover .article-arrow{transform:translate(5px,-5px)}}.article-desc{color:#888;max-width:600px;font-size:1rem;line-height:1.5}.article-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.article-date,.article-readtime{color:#666;font-size:.9rem;font-weight:500}@media (max-width:768px){.article-content-wrapper{flex-direction:column;gap:20px}.article-thumbnail-wrapper{width:100%;height:200px}.article-title{max-width:100%;font-size:1.4rem}.article-desc{-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.articles-list{gap:40px}.article-arrow{display:none}}