.news-archive { padding: 72px 0 112px; background: #fff; }
.news-archive-inner { max-width: 980px; margin: 0 auto; }
.news-archive .news-item { display: grid; grid-template-columns: 120px 110px minmax(0, 1fr); gap: 24px; align-items: baseline; padding: 24px 2px; }
.news-archive .news-item .tag { justify-self: start; }
.news-archive .news-item .ttl { min-width: 0; color: inherit; line-height: 1.8; text-decoration: none; }
.news-archive .news-item .ttl:hover { color: #1658a0; text-decoration: underline; text-underline-offset: .25em; }
.news-empty { margin: 0; padding: 48px 0; color: #45536f; text-align: center; }
@media (max-width: 700px) {
  .news-archive { padding: 48px 0 72px; }
  .news-archive .news-item { grid-template-columns: auto 1fr; gap: 8px 12px; padding: 20px 0; }
  .news-archive .news-item .ttl { grid-column: 1 / -1; }
}