/* Local review: centered content blocks, left-aligned text, 75% evidence scale. */
.case-study-page {
  --balanced-inset: 32px;
}

/* Center the project details vertically between their top divider and the guide.
 * Put the space inside the row instead of stacking empty section padding below. */
.case-study-page main > .hero {
  padding-bottom: 0;
}

.case-study-page main > .hero + .problem-section > .inner {
  padding-top: 0;
}

.case-study-page .facts {
  padding-block: 24px;
  text-align: left;
}

.case-study-page .facts > div {
  min-width: 0;
}

.case-study-page .facts span {
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 1.5;
}

.case-study-page .facts b {
  font-size: 20px;
  font-weight: 750;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

/* Equal outside insets center the guide as a block, not its individual lines. */
.case-study-page .reading-guide {
  padding-block: var(--balanced-inset);
  text-align: left;
}

.case-study-page .reading-guide-title {
  padding-block: 0;
  margin-bottom: 24px;
}

.case-study-page .reading-guide-content {
  padding-block: 0;
}

/* Match the space above the Approach introduction to the space below it. */
.case-study-page main > .problem-section + .approach-section > .inner {
  padding-top: var(--balanced-inset);
}

.case-study-page .approach-section .study-facts {
  margin-top: var(--balanced-inset);
}

/* Reduce width, type and component spacing together, without transforms/zoom. */
.case-study-page .findings-evidence {
  width: 75%;
  margin-top: 24px;
  margin-inline: auto;
  row-gap: 24px;
  text-align: left;
}

.case-study-page .findings-evidence .findings-grid {
  gap: 12px;
}

.case-study-page .findings-evidence .finding {
  padding: 15px;
  border-width: .75px;
  border-radius: 9px;
  box-shadow: 0 3px 6px rgba(16, 43, 99, .04);
}

.case-study-page .findings-evidence .finding-value {
  margin-bottom: 6px;
}

.case-study-page .findings-evidence .finding-value strong {
  font-size: clamp(45px, 3.9375vw, 54px);
}

.case-study-page .findings-evidence .finding h3 {
  font-size: 16.5px;
}

.case-study-page .findings-evidence .finding > p {
  margin-top: 4.5px;
  font-size: 13.5px;
}

/* The photo already spans the evidence group; its 16:9 box scales with it. */
.case-study-page .voices-summary {
  width: 75%;
  max-width: none;
  margin: 20px auto 0;
  text-align: left;
}

/* Keep the quotes connected to their evidence without a horizontal divider. */
.case-study-page .student-voices,
.case-study-page .impact-voices {
  border-top: 0;
}

/* Without the badge, align the improvement paragraph with its heading. */
.case-study-page .results-summary-copy {
  display: block;
}

/* Halve the closing gap without changing the spacing between earlier chapters. */
.case-study-page main > .impact-section {
  padding-bottom: calc(var(--chapter-gap) / 4);
}

.case-study-page .case-study-footer {
  padding-top: calc(var(--chapter-gap) / 4);
}

@media (min-width: 601px) and (max-width: 800px) {
  .case-study-page .findings-evidence--impact .finding {
    padding: 12px;
  }
}

@media (max-width: 600px) {
  .case-study-page {
    --balanced-inset: 24px;
  }

  .case-study-page .findings-evidence .findings-grid {
    gap: 9px;
  }

  .case-study-page .findings-evidence .finding {
    padding: 13.5px;
  }

  .case-study-page .voices-summary {
    margin-top: 16px;
  }
}