/* Compact homepage news list. Historical comparison pages keep their original layout. */
.news-compact { padding-block: 72px; }
.news-header { margin-bottom: 28px; }
.news-header h2 { margin: 0; }
.news-actions { display: flex; justify-content: center; margin-top: 28px; }
.news-compact .news-more { flex-shrink: 0; min-height: 44px; padding: 10px 22px; border-color: #aec6b8; background: transparent; color: var(--deep); font-size: 14px; font-weight: 500; }
.news-compact .news-more:hover { background: #edf4ec; border-color: var(--green); }
.news-feed { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.news-feed > li { border-bottom: 1px solid var(--line); }
.news-feed a { display: grid; grid-template-columns: 104px 112px minmax(0,1fr) 16px; gap: 28px; align-items: center; min-height: 84px; padding: 22px 8px; transition: background-color .2s; }
.news-feed a:hover { background: #f0f6ee; }
.news-feed a:focus-visible { outline-offset: 3px; }
.news-feed time { color: var(--muted); font: 14px/1.6 Arial,sans-serif; font-variant-numeric: tabular-nums; letter-spacing: .035em; }
.news-feed-category { color: var(--green); font-size: 12px; line-height: 1.7; white-space: nowrap; }
.news-feed h3 { font-size: 17px; font-weight: 500; line-height: 1.7; letter-spacing: .005em; }
.news-feed .action-arrow { color: #638675; }
.news-feed a:hover h3,.news-feed a:hover .action-arrow { color: var(--green); }
@media (max-width: 850px) {
  .news-compact { padding-block: 56px; }
  .news-feed a { grid-template-columns: 92px 98px minmax(0,1fr) 16px; gap: 16px; }
  .news-feed h3 { font-size: 16px; }
}
@media (max-width: 600px) {
  .news-header { margin-bottom: 24px; }
  .news-compact .news-more { padding-inline: 16px; font-size: 13px; }
  .news-feed a { grid-template-columns: 100px minmax(0,1fr) 16px; gap: 10px 16px; padding: 20px 0; }
  .news-feed h3 { grid-column: 1 / 3; grid-row: 2; }
  .news-feed .action-arrow { grid-column: 3; grid-row: 1 / 3; }
}
