/* Blog archive wayfinding, using the established site palette and type. */
.blog-archive-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
}
.blog-archive-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--primary);
  font-size: var(--fs-sm);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.blog-archive-nav a:hover { color: var(--text-light); }
.blog-archive-heading {
  margin: 0.75rem 0 0.5rem;
  font-size: var(--fs-xl);
  line-height: 1.3;
  scroll-margin-top: calc(var(--header-height) + 1.5rem);
}
.blog-archive .blog-link-panel { min-width: 0; }
/* Stack the existing intro before its narrow text column becomes cramped. */
@media (max-width: 1024px) {
  .blog-archive .blog-intent-guide,
  .blog-archive .blog-index-columns { grid-template-columns: 1fr; }
}