/* TheNeutrals.ORG — Phase 3 composition guardrails
New-build asset. Main-content only; shared header/footer intentionally untouched. */

main :where(.head70, .discovery-head) {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
  gap: clamp(34px, 5vw, 78px);
  align-items: start;
}

main :where(.head70, .discovery-head) > :first-child > :where(.ey, .eyebrow, .kicker),
main :where(.head70, .discovery-head) > :first-child :where(.ey, .eyebrow, .kicker):first-child {
  margin-bottom: clamp(16px, 1.7vw, 24px);
}

main :where(.head70, .discovery-head) > :first-child > :where(h1, h2, h3),
main :where(.head70, .discovery-head) > :first-child :where(h1, h2, h3):first-of-type {
  margin-top: 0;
}

main :where(.head70, .discovery-head) > :last-child > :where(p, .lead):first-child {
  margin-top: clamp(26px, 3vw, 46px);
}

main :where(.ey, .eyebrow, .kicker) + :where(h1, h2, h3) {
  margin-top: clamp(16px, 1.8vw, 26px);
}

main :where(h1, h2, h3) + :where(.grid, .cards, .table-wrap, table, .process, .ledger, .directory, .register, .timeline) {
  margin-top: clamp(32px, 4.5vw, 64px);
}

@media (max-width: 900px) {
  main :where(.head70, .discovery-head) {
    grid-template-columns: 1fr;
    gap: 24px
  }
  main :where(.head70, .discovery-head) > :last-child > :where(p, .lead):first-child {
    margin-top: 0
  }
}