/* Preserve the Journey's saved reading and visual-following scroll owner.
   On phones the narration comes first; the illustration is an optional next area. */
@media(max-width:700px){
 .journey.j-reader-experience:not(.j-presenter) .j-reading-layout.j-layout-split{
  grid-template-rows:minmax(420px,68svh) minmax(360px,48svh);
  gap:16px;
 }
 .journey.j-reader-experience:not(.j-presenter) .j-reading-layout.j-layout-split .j-read-scroll{
  grid-row:1;border-top:0;
 }
 .journey.j-reader-experience:not(.j-presenter) .j-reading-layout.j-layout-split .j-study-pane{
  grid-row:2;
 }
 .j-reader-experience .j-narration{padding-top:12px}
}