/* Reading breaks share the page, while the camera stays at its last frame. */
body[data-page="scroll"] .journey-interlude {
  position:relative;
  z-index:3;
  display:grid;
  align-items:center;
  min-height:100svh;
  min-height:100dvh;
  margin-inline:-4vw;
  padding:clamp(48px,6vw,96px) clamp(20px,4.5vw,80px);
  padding-top:calc(var(--header) + clamp(32px,4vw,64px));
  background:#eae7e1;
  color:#1f2327;
  box-shadow:0 -25px 70px #0002,0 25px 70px #0002;
  isolation:isolate;
}
body[data-page="scroll"] .journey-interlude > .after-section {
  width:100%;
  margin:auto;
  padding:0;
  /* Cancel the document's header scroll padding: the paper starts at screen top. */
  scroll-margin-top:var(--interlude-anchor-offset,0px);
}
body[data-page="scroll"] .after-journey { position:relative; z-index:3; padding-top:1px; }
.after-journey .memorial-guide { margin-top:clamp(60px,7vw,110px); }
.after-journey .memorial-guide h3 { font-family:Montserrat,"Segoe UI",sans-serif; font-weight:500; letter-spacing:-.045em; line-height:1.13; }
.memorial-guide, #visit-memorial { scroll-margin-top:calc(var(--header) + 20px); }
body[data-page="scroll"].motion-off .journey-interlude { margin:30px calc(-1 * clamp(1.25rem,4vw,4rem)); }
@media(max-width:650px) {
  body[data-page="scroll"] .journey-interlude { padding:calc(var(--header) + 32px) 18px 44px; }
  .journey-interlude .community-heading { margin-bottom:28px; }
}
/* The plaque break keeps its own content height. The tan paper still fills the viewport. */
body[data-page="scroll"] .journey-interlude:has(#remember-your-way) {
  align-items: start;
  min-height: 100svh;
  min-height: 100dvh;
}
@media (min-width: 651px) {
  body[data-page="scroll"] .journey-interlude:has(#remember-your-way) {
    padding-top: calc(var(--header) + 12px);
  }
}
@media print { body[data-page="scroll"] .journey-interlude { display:block; min-height:0; margin:0; padding:25px 0; box-shadow:none; break-inside:avoid; } }