.hn-article__head { padding-top: 2rem; }
.hn-article__hero img { width: 100%; border-radius: 16px; aspect-ratio: 16/9; object-fit: cover; }
.hn-article__body { padding: 2.5rem 0 4rem; }
.hn-post-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  padding-bottom: 4rem;
}
.hn-card__media img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 12px; }
.hn-card__title { font-size: 1.15rem; margin: 0.4rem 0; }
.hn-date { font-size: 0.8rem; color: var(--hn-muted); }
.hn-comments { padding: 0 0 4rem; }
.hn-comment-list { list-style: none; padding: 0; }
.hn-related { padding-bottom: 4rem; }
body.hn-blog-list .hn-post-grid { grid-template-columns: 1fr; }
.nav-links { display: flex; justify-content: space-between; gap: 1rem; padding: 0 0 3rem; }

@media (min-width: 768px) {
  body.hn-blog-grid .hn-post-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
  body.hn-blog-grid .hn-post-grid { grid-template-columns: repeat(3, 1fr); }
}