.blog-preview-title,
.blog-preview-subtitle,
.blog-preview-column-title {
  font-family: "Inter", sans-serif;
}
.blog-preview-shell {
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
}
.blog-feature-image-wrap {
  aspect-ratio: 16 / 9;
  background: #f3f4f6;
}
.blog-feature-image {
  display: block;
}
.blog-preview-avatar {
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  background: #e5e7eb;
  flex: none;
}
.blog-side-thumb {
  width: 72px;
  height: 72px;
  background: #f3f4f6;
  flex: none;
}
.blog-side-card {
  padding-bottom: 18px;
  border-bottom: 1px solid #ececec;
}
.blog-side-card:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}