.blog-feed{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media (max-width:920px){
  .blog-feed{grid-template-columns:1fr}
}
.blog-feed.fade{
  opacity:0;
  transition:opacity .18s ease;
  will-change:opacity;
}
.blog-feed.ready{opacity:1}
@media (prefers-reduced-motion: reduce){
  .blog-feed.fade{transition:none}
}
.blog-feed .card.post{
  padding:0;
  overflow:hidden;
}
.blog-feed .card.post a.block{
  display:block;
  height:100%;
  color:inherit;
  text-decoration:none;
}
.blog-feed .thumb{
  margin:0;
  aspect-ratio:16/9;
  overflow:hidden;
  background:linear-gradient(180deg,#eef2f7,#e8edf3);
}
.blog-feed .thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.blog-feed .body{
  padding:14px 16px;
}
.blog-feed .meta{
  margin:0 0 6px;
  color:var(--muted,#475569);
  font-size:12px;
}
.blog-feed .title{
  margin:0;
  color:var(--ink,#0f172a);
  font-size:16px;
  line-height:1.5;
  font-weight:700;
}
.blog-feed .excerpt{
  margin:8px 0 0;
  color:var(--muted,#475569);
  font-size:14px;
  line-height:1.7;
}
.blog-feed .status-card .meta{margin-bottom:4px}
.blog-feed .status-card .title{margin-bottom:6px}
.blog-feed .status-card .excerpt{margin-top:0}