/* Phase 5C-04 — Site rhythm and responsive consistency
   Purpose: reduce page-to-page spacing drift after the post/archive polish passes. */
.page-section {
  padding-top: clamp(3rem, 5.4vw, 5rem);
  padding-bottom: clamp(3rem, 5.4vw, 5rem);
}

.page-section + .page-section {
  border-top: 1px solid rgba(11, 37, 69, 0.045);
}

.page-section--dark + .page-section,
.framework-forward-panel + .page-section,
.article-cta-section + .article-post-nav {
  border-top: 0;
}

.title-block--section .title-block__eyebrow,
.article-section-eyebrow,
.framework-forward-panel__eyebrow,
.series-article-card__label,
.editorial-list-card__series,
.method-chip {
  letter-spacing: 0.15em;
}

.title-block--section .title-block__title,
.archive-editorial-heading h2,
.article-section-heading h2,
.td-pillars-v3 .td-pillars-intro h2,
.itzamna-positioning h2 {
  line-height: 1.02;
}

.title-block--section .title-block__subtitle,
.article-section-heading p,
.archive-editorial-heading p {
  line-height: 1.56;
}

.proof-grid,
.insights-feature-grid,
.series-reading-path,
.series-article-grid,
.editorial-archive-grid,
.itzamna-method-grid,
.itzamna-stage-grid,
.itzamna-screen-grid,
.td-pillars-v3 .td-pillars-grid {
  gap: clamp(1rem, 2vw, 1.35rem) !important;
}

.article-after-section {
  padding-top: clamp(2.2rem, 4.2vw, 3.4rem);
  padding-bottom: clamp(2.2rem, 4.2vw, 3.4rem);
}

@media (max-width: 980px) {
  .page-section {
    padding-top: clamp(2.55rem, 7vw, 3.7rem);
    padding-bottom: clamp(2.55rem, 7vw, 3.7rem);
  }
}

@media (max-width: 640px) {
  .page-section {
    padding-top: 2.25rem;
    padding-bottom: 2.45rem;
  }

  .proof-grid,
  .insights-feature-grid,
  .series-reading-path,
  .series-article-grid,
  .editorial-archive-grid,
  .itzamna-method-grid,
  .itzamna-stage-grid,
  .itzamna-screen-grid,
  .td-pillars-v3 .td-pillars-grid {
    gap: 0.85rem !important;
  }

  .telstar-btn {
    min-height: 3rem;
  }
}
