/* A hopeful outlook alongside the invitation to be present for life. */
#a-different-approach { scroll-margin-top: 24px; }
.hopeful-future-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px; align-items: center; margin: 28px 0 32px; }
.hopeful-future-copy p { font-size: 17px; line-height: 1.8; }
.hopeful-future-copy p:last-child { margin-bottom: 0; }
.why-content .hopeful-future-copy .why-lead { font-family: Georgia, serif; font-size: clamp(26px, 2.6vw, 32px); line-height: 1.22; color: #183244; text-wrap: balance; }
.hopeful-future-photo { margin: 0; min-width: 0; border-radius: 22px; overflow: hidden; }
.hopeful-future-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
@media (max-width: 800px) {
  .hopeful-future-intro { grid-template-columns: 1fr; gap: 24px; margin: 24px 0 28px; }
  .hopeful-future-photo { border-radius: 18px; }
}

/* Concrete recovery examples, grouped in the existing framework section. */
.why-shared-goal p + p { margin-top: 14px; }
.recovery-dyad-list { padding: 0 32px; }
.recovery-dyad { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); gap: 28px; padding: 25px 0; }
.recovery-dyad + .recovery-dyad { border-top: 1px solid #dce7eb; }
.recovery-dyad h4 { margin: 0; font-family: Georgia, serif; font-size: 24px; line-height: 1.3; color: #17465c; }
.recovery-dyad p { margin: 0; font-size: 16px; line-height: 1.75; }
.recovery-dyad p.recovery-dyad-example { margin-top: 10px; font-size: 15px; }
@media (max-width: 600px) {
  .recovery-dyad-list { padding: 0 24px; }
  .recovery-dyad { grid-template-columns: 1fr; gap: 10px; padding: 23px 0; }
  .recovery-dyad h4 { font-size: 23px; }
}