/* Blog (Amir, 2026-10-01): the index and the posts are set in the service
   pages' own type and sections. Only what those do not already have is here. */

.blog-head {
  padding-top: clamp(84px, 11vh, 130px);
}

/* a second heading inside one section needs the air a new section would give it */
.blog-page .prose + .svc-h2,
.blog-page .bullets + .svc-h2,
.blog-page .steps + .svc-h2 {
  margin-top: 56px;
}

/* the footer's "Published June 11, 2026" is the site's date, not the post's:
   a post carries its own date under its headline */
.blog-page .footer-meta {
  display: none;
}

.post-meta {
  margin: 14px 0 22px;
  font-family: var(--font-label, var(--font-ui));
  font-size: 13px;
  color: var(--text-softer);
}

.post-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.post-row {
  padding: 30px 0 26px;
  border-top: 1px solid var(--hairline-cyan);
}

.post-row:last-child {
  border-bottom: 1px solid var(--hairline-cyan);
}

.post-row .post-title {
  margin: 0 0 10px;
}

.post-row .post-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.post-row .post-title a:hover,
.post-row .post-title a:focus-visible {
  color: var(--cyan-hot);
}

.post-row .prose {
  margin: 0;
}

.post-row .post-meta {
  margin: 12px 0 0;
}