/* Shared rhythm pass: prevents accumulated legacy min-heights and double whitespace. */
main > section {
  min-height: 0 !important; height: auto !important; margin-block: 0 !important; content-visibility: visible !important; contain: none !important; contain-intrinsic-size: auto !important; scroll-margin-top: 108px;
}

.scl-home .scl-section,
.content-led-page > .content-section,
.workshop-page > .page-content,
.workshop-page > .process-band,
.workshop-page > .page-video,
.about-page > .content-section,
.insights-page > .content-section,
.custom-page > .content-section,
.systems-page > .content-section,
.lego-page > .content-section {
  min-height: 0 !important; padding-top: clamp(48px, 5vw, 72px) !important; padding-bottom: clamp(48px, 5vw, 72px) !important;
}

.scl-home .scl-section-heading,
.content-led-page .section-title,
.workshop-page .section-title,
.about-page .section-title,
.insights-page .section-title {
  margin-top: 0 !important; margin-bottom: clamp(26px, 3vw, 40px) !important;
}

/* Replace the old empty striped placeholder with a compact systems motif. */
.content-led-page:not(.approach-overview):not(.systems-page) .content-section > .section-title::after {
  display: block !important; content: "" !important; width: 220px !important; height: 120px !important; border: 1px solid rgba(18, 63, 49, .2) !important; border-left: 4px solid #f7ad24 !important; border-radius: 6px !important; background-color: #eef5ed !important; background-image: radial-gradient(circle at 20% 28%, #f7ad24 0 6px, transparent 7px), radial-gradient(circle at 72% 22%, #1e6c5e 0 6px, transparent 7px), radial-gradient(circle at 48% 72%, #123f31 0 8px, transparent 9px), radial-gradient(circle at 84% 76%, #f7ad24 0 5px, transparent 6px), linear-gradient(28deg, transparent 42%, rgba(30,108,94,.35) 43%, rgba(30,108,94,.35) 44%, transparent 45%), linear-gradient(146deg, transparent 47%, rgba(18,63,49,.28) 48%, rgba(18,63,49,.28) 49%, transparent 50%) !important; box-shadow: none !important;
}

.content-led-page:not(.approach-overview):not(.systems-page) .content-section > .section-title::before {
  content: "relationships  •  patterns  •  action"; position: absolute; right: 18px; bottom: 12px; z-index: 1; color: #123f31; font-family: "Montserrat", Arial, sans-serif; font-size: .58rem; font-weight: 800; text-transform: uppercase;
}

.content-led-page > .content-section + .content-section {
  border-top: 1px solid rgba(18, 63, 49, .1);
}

/* Pages with purpose-built art must never fall back to the repeated generic motif. */
.custom-page .content-section > .section-title::after,
.custom-page .content-section > .section-title::before,
.insights-page .content-section > .section-title::after,
.insights-page .content-section > .section-title::before {
  display: none !important; content: none !important;
}

.custom-page > .content-section,
.insights-page > .content-section {
  padding-top: clamp(44px, 4vw, 64px) !important; padding-bottom: clamp(44px, 4vw, 64px) !important;
}

.custom-page .content-section > .section-title,
.insights-page .content-section > .section-title {
  margin-bottom: clamp(24px, 2.5vw, 34px) !important;
}

.method-card,
.icon-card-grid article,
.who-grid article,
.topic-grid article,
.custom-service-grid article,
.insight-topic-grid article,
.insight-resource-grid article,
.process-timeline article,
.sdg-audience-grid article,
.sdg-piece-grid figure,
.sdg-visual-strip figure {
  min-height: 0 !important; height: auto !important;
}

.final-consult,
.sdg-final-cta,
.collab-callout {
  min-height: 0 !important; padding-top: clamp(48px, 5vw, 72px) !important; padding-bottom: clamp(48px, 5vw, 72px) !important;
}

@media (max-width: 700px) {
  main > section { scroll-margin-top: 82px; }
  .content-led-page:not(.approach-overview):not(.systems-page) .content-section > .section-title::after,
  .content-led-page:not(.approach-overview):not(.systems-page) .content-section > .section-title::before {
    display: none !important; content: none !important;
  }
  .scl-home .scl-section,
  .content-led-page > .content-section,
  .workshop-page > .page-content,
  .workshop-page > .process-band,
  .workshop-page > .page-video,
  .about-page > .content-section,
  .insights-page > .content-section,
  .custom-page > .content-section,
  .systems-page > .content-section,
  .lego-page > .content-section,
  .final-consult,
  .sdg-final-cta,
  .collab-callout {
    padding-top: 42px !important; padding-bottom: 42px !important;
  }
}

/* Final Systems Thinking spacing: keeps the why section visually full without empty rows. */
.systems-why-section {
  padding-top: clamp(30px, 3.4vw, 52px) !important;
  padding-bottom: clamp(34px, 3.6vw, 58px) !important;
}

.systems-why-section .systems-why-title {
  display: grid !important;
  grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr) !important;
  gap: clamp(18px, 2.6vw, 42px) !important;
  align-items: center !important;
  margin-bottom: clamp(20px, 2.4vw, 32px) !important;
  text-align: left !important;
}

.systems-why-section .systems-why-title .pg-kicker {
  grid-column: 1 / -1 !important;
  margin-bottom: 0 !important;
}

.systems-why-section .systems-why-heading h2 {
  margin: 0 !important;
  font-size: clamp(2.45rem, 4.1vw, 4.6rem) !important;
  line-height: 1.03 !important;
}

.systems-why-section .systems-why-copy {
  align-self: stretch !important;
  display: grid !important;
  align-content: center !important;
  padding: clamp(22px, 2.4vw, 34px) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.9), rgba(241,248,242,.9)),
    radial-gradient(circle at 92% 14%, rgba(247,173,36,.14), transparent 34%) !important;
  border: 1px solid rgba(18, 63, 49, .1) !important;
  box-shadow: 0 18px 42px rgba(18, 63, 49, .05) !important;
}

.systems-why-section .systems-why-copy p {
  margin: 0 !important;
  max-width: none !important;
  font-size: clamp(1.04rem, 1.2vw, 1.2rem) !important;
  line-height: 1.62 !important;
}

.systems-why-section .systems-why-copy p + p {
  margin-top: 14px !important;
}

.systems-why-section .systems-why-grid {
  margin-top: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(16px, 1.8vw, 24px) !important;
}

.systems-why-section .systems-why-grid .pg-card {
  min-height: 250px !important;
}

@media (max-width: 1100px) {
  .systems-why-section .systems-why-title,
  .systems-why-section .systems-why-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 760px) {
  .systems-why-section .systems-why-title,
  .systems-why-section .systems-why-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Systems Thinking topic cards: make the icon badges colorful instead of black-only. */
.systems-explore-grid .pg-card::before {
  width: 70px !important;
  height: 70px !important;
  border-radius: 22px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.62), 0 14px 28px rgba(18,63,49,.09) !important;
  font-weight: 900 !important;
}

.systems-explore-grid .pg-card:nth-child(1)::before {
  color: #0b5f57 !important;
  background: linear-gradient(135deg, #e6f7ef 0%, #b9e9d6 100%) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.65) !important;
}

.systems-explore-grid .pg-card:nth-child(2)::before {
  color: #8b4a0a !important;
  background: linear-gradient(135deg, #fff3c8 0%, #f7ad24 100%) !important;
}

.systems-explore-grid .pg-card:nth-child(3)::before {
  color: #0f6f49 !important;
  background: linear-gradient(135deg, #e4f8d4 0%, #6fba63 100%) !important;
}

.systems-explore-grid .pg-card:nth-child(4)::before {
  color: #0a6073 !important;
  background: linear-gradient(135deg, #e5f5ff 0%, #80c7df 100%) !important;
}

.systems-explore-grid .pg-card:nth-child(5)::before {
  color: #5c315f !important;
  background: linear-gradient(135deg, #f7ecff 0%, #d7a8df 100%) !important;
}

.systems-explore-grid .pg-card:nth-child(6)::before {
  color: #9a4a13 !important;
  background: linear-gradient(135deg, #fff0df 0%, #eaa15e 100%) !important;
}

/* Systems Thinking journey cards: remove the awkward side circles. */
.systems-journey-grid .pg-step::after {
  display: none !important;
  content: none !important;
}

.systems-journey-grid .pg-step {
  isolation: isolate !important;
}

.systems-journey-grid .pg-step::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 8px !important;
  height: 100% !important;
  border-radius: 30px 0 0 30px !important;
  background: linear-gradient(180deg, #f7ad24, #1e6c5e) !important;
  z-index: -1 !important;
}

.systems-journey-grid .pg-step:nth-child(2)::before {
  background: linear-gradient(180deg, #1e6c5e, #86c8b4) !important;
}

.systems-journey-grid .pg-step:nth-child(3)::before {
  background: linear-gradient(180deg, #f7ad24, #d87935) !important;
}

.systems-journey-grid .pg-step:nth-child(4)::before {
  background: linear-gradient(180deg, #0f6072, #9bcadd) !important;
}

.systems-journey-grid .pg-step:nth-child(5)::before {
  background: linear-gradient(180deg, #f7ad24, #ffffff) !important;
}

/* Systems Thinking why cards: replace abstract blocks with clear simple badges. */
.systems-why-grid .pg-card::before {
  width: auto !important;
  min-width: 92px !important;
  height: 42px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  display: inline-grid !important;
  place-items: center !important;
  margin: 0 0 28px !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  box-shadow: 0 12px 24px rgba(18, 63, 49, .08) !important;
}

.systems-why-grid .pg-card:nth-child(1)::before {
  content: "LOOK" !important;
  color: #0b5f57 !important;
  background: linear-gradient(135deg, #e7f8ef, #b9ead6) !important;
}

.systems-why-grid .pg-card:nth-child(2)::before {
  content: "LINK" !important;
  color: #8b4a0a !important;
  background: linear-gradient(135deg, #fff2c6, #f7ad24) !important;
}

.systems-why-grid .pg-card:nth-child(3)::before {
  content: "VIEW" !important;
  color: #0a6073 !important;
  background: linear-gradient(135deg, #e7f6ff, #8bcde2) !important;
}

.systems-why-grid .pg-card:nth-child(4)::before {
  content: "ACT" !important;
  color: #5c315f !important;
  background: linear-gradient(135deg, #f7ecff, #d7a8df) !important;
}

/* Systems Thinking docx cleanup: keep only the approved content and make it fill the page cleanly. */
.systems-definition-section {
  padding-top: clamp(48px, 5vw, 76px) !important;
  padding-bottom: clamp(48px, 5vw, 76px) !important;
}

.systems-definition-section .pg-wrap {
  max-width: 1500px !important;
}

.systems-definition-copy {
  max-width: 100% !important;
  margin-bottom: 0 !important;
}

.systems-definition-text {
  width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 28px) !important;
}

.systems-definition-text p {
  min-height: 230px !important;
  display: grid !important;
  align-content: center !important;
}

.systems-why-section .pg-wrap,
.systems-journey-section .pg-wrap,
.systems-explore-section .pg-wrap {
  max-width: 1500px !important;
}

.systems-journey-section .pg-section-title {
  max-width: 1120px !important;
  padding: clamp(22px, 2.6vw, 34px) !important;
  border-radius: 30px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(244,248,240,.92)) !important;
  border: 1px solid rgba(18,63,49,.1) !important;
  box-shadow: 0 18px 42px rgba(18,63,49,.055) !important;
}

.systems-journey-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

.systems-journey-grid .pg-step {
  padding: clamp(28px, 2.5vw, 40px) !important;
}

.systems-journey-grid .pg-step:nth-child(1),
.systems-journey-grid .pg-step:nth-child(2),
.systems-journey-grid .pg-step:nth-child(3) {
  grid-column: span 2 !important;
}

.systems-journey-grid .pg-step:nth-child(4),
.systems-journey-grid .pg-step:nth-child(5) {
  grid-column: span 3 !important;
}

.systems-explore-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 28px) !important;
}

.systems-explore-grid .pg-card {
  min-height: 250px !important;
}

@media (max-width: 1100px) {
  .systems-definition-text,
  .systems-explore-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .systems-journey-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .systems-journey-grid .pg-step,
  .systems-journey-grid .pg-step:nth-child(1),
  .systems-journey-grid .pg-step:nth-child(2),
  .systems-journey-grid .pg-step:nth-child(3),
  .systems-journey-grid .pg-step:nth-child(4),
  .systems-journey-grid .pg-step:nth-child(5) {
    grid-column: auto !important;
  }
}

@media (max-width: 720px) {
  .systems-definition-text,
  .systems-explore-grid,
  .systems-journey-grid {
    grid-template-columns: 1fr !important;
  }

  .systems-definition-text p {
    min-height: 0 !important;
  }
}