article.article-list-item{display:grid;grid-template-columns:30px auto;grid-template-rows:169px 30px auto;grid-template-areas:'img img' 'avatar name' '. title';grid-column-gap:20px;max-width:280px;margin-bottom:30px}article.article-list-item .image{grid-area:img;position:relative}article.article-list-item .image a img{width:100%;height:100%;max-height:150px;object-fit:cover;display:block;border-radius:5px;opacity:1;transition:all .5s}article.article-list-item .image a img:hover{opacity:.8}article.article-list-item .image a.comments{background:#0069ff url(../i/icons/comment-white.svg) left 10px center no-repeat;background-size:8px;bottom:-10px;border-radius:10px;color:#fff;font-size:14px;font-weight:600;line-height:21px;padding:1px 10px 1px 23px;position:absolute;right:10px;height:20px;top:139px;vertical-align:middle;opacity:1;transition:all .5s}article.article-list-item .image a.comments:hover{background-color:#3287ff}article.article-list-item>img{grid-area:avatar;max-height:30px}article.article-list-item>img.person-img{border-radius:50%}article.article-list-item .author{grid-area:name;line-height:30px;vertical-align:middle;font-size:14px;color:#757575;display:flex;flex-direction:column}article.article-list-item .author .author-link{border-bottom:none;color:inherit}article.article-list-item .author .author-link:hover{opacity:.7}article.article-list-item .title{grid-area:title;font-size:18px;border:0;display:inline-block;font-weight:600;line-height:24px;margin:0}article.article-list-item .title a{transition:all .5s;opacity:1}article.article-list-item .title a:hover{opacity:.7;color:#000 !important}article.article-list-item .title a:after{display:none}article.article-list-item .title:hover{border:none}article.article-list-item.recommended-item{display:flex;flex-direction:column;max-width:100%}article.article-list-item.recommended-item .image{grid-area:none}article.article-list-item.recommended-item .image a.comments{top:198px}article.article-list-item.recommended-item .image img{max-height:210px;max-width:100%}article.article-list-item.recommended-item .category{color:#757575;font-size:14px;line-height:16px;align-self:center;width:100%;margin-top:20px;margin-bottom:5px}article.article-list-item.recommended-item .category>div{display:inline}article.article-list-item.recommended-item .category>div:last-child span{display:none}article.article-list-item.recommended-item .category a{color:#757575;font-size:14px;border:0;line-height:16px}article.article-list-item.recommended-item .category a:hover{text-decoration:underline}article.article-list-item.recommended-item .title{line-height:36px;font-weight:700;font-size:30px}article.article-list-item.recommended-item .title a{padding:0}article.article-list-item.recommended-item .lead{grid-area:lead;margin:5px 0 10px 0;line-height:22px !important;font-weight:400;color:#757575;font-size:14px}article.article-list-item.recommended-item .author{display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;grid-template-areas:'avatar name' 'avatar time';grid-column-gap:20px;line-height:18px;position:relative;top:-2px;margin:10px 0;color:#000}article.article-list-item.recommended-item .author img{grid-area:avatar;max-height:30px;align-self:center}article.article-list-item.recommended-item .author img.person-img{border-radius:50%}article.article-list-item.recommended-item .author a,article.article-list-item.recommended-item .author span{grid-area:name}article.article-list-item.recommended-item .author time{color:#757575;grid-area:time}article.article-list-item.recommended-item .author .author-link{line-height:18px}