.topic-guide { max-width: 1000px; margin: 0 auto; }
.topic-guide .topic-heading { display: block; height: auto; min-height: 0; max-width: 780px; }
.topic-guide .page-jumps { flex-wrap: wrap; white-space: normal; overflow: visible; }
.topic-guide-image { margin: 1.7rem 0; }
.topic-guide-image img { display: block; width: 100%; height: auto; border-radius: 22px; }
.topic-guide-image figcaption { margin-top: .6rem; font-size: .82rem; line-height: 1.5; color: #596451; }
.compact-article .single-photo .photo-reel > figure.topic-guide-image.guide-lead-photo { display: block; flex: 0 1 780px; width: 100%; max-width: 780px; margin: 0 auto; }
.compact-article .single-photo .photo-reel > figure.topic-guide-image.guide-lead-photo img { width: 100%; height: auto; background: transparent; }
.compact-article .single-photo .photo-reel > figure.topic-guide-image.guide-lead-photo figcaption { padding: 0; margin-top: .6rem; }
.topic-reading { max-width: 780px; }
.root-checklist { padding-left: 1.3rem; }
.root-checklist li { margin: .75rem 0; padding-left: .25rem; }
.root-outcomes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 1.2rem 0; }
.root-outcomes > div { background: #f3f7ed; border: 1px solid #d4deca; border-radius: 18px; padding: 1.2rem; }
.root-outcomes h3 { margin-top: 0; font-size: 1.15rem; }
.root-outcomes p:last-child { margin-bottom: 0; }
.root-outcomes .root-stop { background: #f7f1e7; border-color: #e5d6bd; }
@media (max-width: 620px) {
  .root-outcomes { grid-template-columns: 1fr; }
  .topic-guide-image img { border-radius: 15px; }
}