/* Let the Educate copy panel shrink-wrap its content while retaining the
   established safe-height scrolling behavior and vertical centering. */
#Educate .ai-education-copy {
  min-width: 0;
  align-self: center !important;
}

#Educate .hero-scroll-copy {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) !important;
  min-height: 0;
  height: auto !important;
  max-height: calc(100vh - 176px);
  max-height: var(--story-text-safe-height, calc(100svh - 176px));
  overflow: hidden;
}

#Educate .hero-scroll-stage {
  min-height: 0;
  height: auto !important;
  max-height: calc(100vh - 176px);
  max-height: var(--story-text-safe-height, calc(100svh - 176px));
  overflow-x: hidden;
  overflow-y: auto !important;
}

#Educate .hero-scroll-doc {
  min-height: 0;
}

html.paragraph-scroll-enhanced #Educate.story-section .ai-education-copy {
  justify-content: center;
}

html.paragraph-scroll-enhanced #Educate.story-section .hero-scroll-copy {
  flex: 0 1 auto !important;
  height: auto !important;
  max-height: 100% !important;
}

html.paragraph-scroll-enhanced #Educate.story-section .hero-scroll-stage {
  flex: 0 1 auto !important;
  height: auto !important;
  max-height: 100% !important;
  overflow-y: auto !important;
}