.article-container{border-radius:.5rem;align-items:center;padding:1rem;transition:background-color .2s ease-in-out;display:flex}.article-container:hover{cursor:pointer;background-color:#f9fafb}.article-thumbnail-wrapper{flex-shrink:0;margin-right:1.5rem}.article-thumbnail{object-fit:cover;border-radius:.375rem;width:168px;height:100px}.article-info{line-height:1.5*1.4;flex-direction:column;justify-content:center;gap:1.5rem;font-weight:500;display:flex}.article-title{color:#1e0e62;font-size:1.5rem;font-weight:500}.article-meta{color:#6b7280;align-items:center;gap:1rem;font-size:.875rem;display:flex}.meta-item{align-items:center;gap:.25rem;display:flex}.meta-item img{width:1rem;height:1rem}
.articles-list-container{flex-direction:column;gap:1rem;max-width:960px;margin-left:auto;margin-right:auto;padding:2rem 0;display:flex}