/* ============================================================
   News feed (news.html)
   ============================================================ */

.feed-list{ display: flex; flex-direction: column; }
.feed-item{
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-block: 26px;
  border-top: 1px solid var(--line);
}
.feed-item:last-child{ border-bottom: 1px solid var(--line); }
.feed-item h3{ font-size: 17px; }
.feed-item h3 a{
  transition: color .15s ease;
}
.feed-item h3 a:hover{ color: var(--accent); }
.feed-item h3 a::after{
  content: "↗";
  display: inline-block;
  margin-left: 6px;
  font-size: 13px;
  color: var(--faint);
}
.feed-item p{ font-size: 14px; color: var(--muted); max-width: clamp(600px, 56vw, 760px); }
.feed-meta{
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .02em;
  color: var(--faint);
}