/* The New Life: CMS blog integration (only used by /blog/ and CMS article pages).
   Everything else reuses the site's existing classes (post-grid, link-card, prose). */

/* "Latest articles" block above the hardcoded archive on /blog/ */
.cms-latest {
  margin-bottom: 72px;
}
.cms-latest[hidden],
.cms-latest [hidden] {
  display: none;
}
/* Same 3 / 2 / 1 columns as the archive grid, but centred, so 1 or 2 cards don't sit alone on the left */
.cms-latest .post-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 28px 24px;
}
.cms-latest .post-grid > .link-card {
  flex: 0 1 calc((100% - 48px) / 3);
  min-width: 0;
}
.cms-archive-intro[hidden] {
  display: none;
}
.cms-latest .btn[disabled] {
  opacity: 0.6;
  cursor: progress;
}

/* CMS article page */
.cms-status {
  color: #6c757e;
}
.cms-back {
  margin-top: 40px;
  font-weight: 600;
}
.cms-back a {
  text-decoration: none;
}
.lead-figure[hidden],
.post-tags[hidden],
.page-hero-meta[hidden] {
  display: none;
}

@media (max-width: 1023px) {
  .cms-latest .post-grid > .link-card {
    flex-basis: calc((100% - 24px) / 2);
  }
}
@media (max-width: 767px) {
  .cms-latest {
    margin-bottom: 48px;
  }
  .cms-latest .post-grid {
    gap: 20px;
  }
  .cms-latest .post-grid > .link-card {
    flex-basis: 100%;
  }
}