.article-list{border-bottom:1px dashed #dee2e6;display:flex;flex-direction:row;margin:0;min-width:0;overflow-x:auto;overflow-y:hidden;padding:1rem 0;width:100%}.article-info{align-items:start;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;height:7.5rem;justify-content:space-between;max-width:100%;min-width:30rem;width:auto}a.article-info-title{color:#222226;font-size:1rem;font-weight:700;margin:0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:auto}p.article-info-desc{color:#333;display:-webkit-box;font-size:.875rem;margin:0;padding:0;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;box-sizing:border-box;overflow:hidden;width:100%}.article-info-footer{box-sizing:border-box;display:flex;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;white-space:nowrap;width:100%}.article-info-footer>*{flex-shrink:0;font-size:.875rem;margin-right:.5rem}.article-list .img-container{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;box-sizing:content-box;display:inline-flex;flex:0 0 7.5rem;height:7.5rem;justify-content:center;margin-right:1rem}.img-contain{max-height:7.5rem;max-width:7.5rem;object-fit:contain}.img-cover{height:100%;object-fit:cover;object-position:center;width:100%}