.related-articles{--bg-color:#f2f3f5;--spacing:12px;--item-bg:#fff;--item-hover-bg:#f2f3f5;--gap:10px;--title-color:#444;float:left;width:100%;background:var(--bg-color);padding:var(--spacing)}.related-articles__list,.related-articles__title,.related-articles__item{float:left;width:100%}.related-articles__title{font-weight:600;color:var(--title-color);margin-bottom:15px;font-size:16px}.related-articles__list{list-style:none;margin:0;padding:0}.related-articles__item{padding:10px;background:var(--item-bg);margin-bottom:8px;transition:background-color .2s ease}.related-articles__item:hover{background:var(--item-hover-bg)}.related-article{display:grid;grid-template-columns:auto 1fr;gap:var(--gap);width:100%}.related-article__image{width:100px;margin:0}.related-article__title{font-size:14px}.related-articles__item.span1{width:100%}.related-articles__item.span2{width:49%}.related-articles__item.span2:last-child{margin-left:2%}.related-articles__item.span3{width:32.6%;margin-left:1%}.related-articles__item.span4{width:24.2%;margin-left:1%}.related-articles__item.span3:first-child,.related-articles__item.span4:first-child{margin-left:0}@media (max-width:768px){.related-articles__item{width:100%!important;margin-left:0!important}.related-article{grid-template-columns:80px 1fr;gap:8px}.related-article__image{width:80px}}@media (prefers-reduced-motion:reduce){.related-articles__item{transition:none}}