.news-archive-list{
  list-style:none;
  margin:0;
  padding:0;
}

.news-archive-item{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.news-archive-icon{
  flex:0 0 auto;
}

.news-archive-date{
  flex:0 0 auto;
  opacity:.7;
  font-size:.9em;
  white-space:nowrap;
}

.news-archive-title{
  flex:1 1 auto;
  min-width:0;
  text-decoration:none;
}

.news-archive-title:hover{
  text-decoration:underline;
}

.news-archive-pager{
  margin-top:18px;
}

@media (max-width: 768px){
  .news-archive-item{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
}