/**
 * Blog/News posts index (home.php). Article cards reuse the generic
 * .hs-card primitive (components/cards.css) and the same .hs-article-grid
 * layout the homepage "Latest Articles" teaser already defines
 * (homepage/sections.css) - both enqueued alongside this file - so a
 * post card looks identical whether it appears there or here. Only the
 * page-level container and the meta row (category badge + date) unique
 * to the full archive are styled here.
 */

.hs-blog-archive {
  max-width: var(--hs-container-max-width);
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--hs-container-padding-inline);
  padding-block: var(--hs-space-32) var(--hs-space-64);
}

.hs-blog-archive__title {
  font-size: var(--hs-font-size-h3);
  color: var(--hs-color-text);
  margin-block-end: var(--hs-space-32);
}

.hs-blog-archive__empty {
  color: var(--hs-color-text-muted);
}

.hs-article-card__meta {
  display: flex;
  align-items: center;
  gap: var(--hs-space-8);
  margin-block-end: var(--hs-space-4);
}

.hs-article-card__date {
  color: var(--hs-color-text-muted);
}

.hs-card__title a {
  color: var(--hs-color-text);
}
.hs-card--interactive:hover .hs-card__title a {
  color: var(--hs-color-primary-500);
}

.hs-blog-archive .hs-pagination {
  margin-block-start: var(--hs-space-48);
}