@import url("../columns/columns.css");
.news-list { list-style: none; padding: 0; margin: 0 0 4rem; border-top: 1px solid var(--rule); }
.news-item { display: grid; grid-template-columns: 7rem 6.5rem 1fr; gap: 1rem; padding: 1.1rem 0; border-bottom: 1px solid var(--rule); align-items: start; }
.news-date { color: var(--muted); font-variant-numeric: tabular-nums; font-size: .85rem; }
.news-category { width: fit-content; padding: .15rem .6rem; background: var(--primary-color); color: white; font-size: .75rem; border-radius: 3px; }
@media (max-width: 640px) {
  .news-item { grid-template-columns: 7rem 1fr; gap: .5rem; }
  .news-item a { grid-column: 1 / -1; }
}