/* news list */
.news-list{
  padding:15px 20px;
}
.news-list>.news{
  display:grid;
  grid-template-rows:25px auto;
  grid-template-columns:150px auto;
  grid-template-areas:
    "time title"
    "info title";
  padding:15px 0px;
  border-bottom:1px solid #dddddd;
}
.news-list>.news>.time{
  grid-area:time;
}
.news-list>.news>.info{
  grid-area:info;
}
.news-list>.news>.info>.mark{
  color:var(--brand-highlight-color);
}
.news-list>.news>.title{
  grid-area:title;color:var(--brand-light-color);
  transition:color 0.5s;
}
.news-list>.news>.title:hover,
.news-list>.news>.title:active{
  color:var(--brand-color);text-decoration:underline;
}
@media (max-width:1100px){
  .news-list>.news{
    grid-template-rows:auto auto;
    grid-template-areas:
      "time info"
      "title title";
  }
}