/* ============================================================
   80-blog-hero — simple editorial hero for the blog index and
   individual post pages. Scoped under .sec-80-blog-hero
   ============================================================ */

.sec-80-blog-hero__layout {
  max-width: 46rem;
}

.sec-80-blog-hero__meta {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-top: 0.9rem;
  font-size: 0.9rem;
  color: hsl(0 0% 100% / 0.7);
}