/* Each following chapter keeps its own reading-sized entrance boundary. */
[data-section-handoff] { position: relative; }
.section-transition-guide {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 2px;
  height: 28px;
  background: var(--accent);
  transform-origin: top center;
  pointer-events: none;
}
.section-flow--wide > .section-transition-guide {
  left: max(var(--gutter, 24px), calc((100% - var(--container, 1280px)) / 2));
}
.section-flow--raised > .section-transition-guide { top: -34px; height: 24px; }
.section-flow--compact > .section-transition-guide { height: 16px; }
.closing-section > .section-transition-guide,
.site-footer > .section-transition-guide { background: #a8c3ee; }

/* Interior guides follow the heading's reading line without adding layout. */
[data-interior-guide-anchor] { position: relative; }
.interior-transition-guide {
  position: absolute;
  left: -14px;
  top: .15em;
  width: 2px;
  height: 24px;
  background: var(--accent);
  transform-origin: top center;
  pointer-events: none;
}
.dark-hero .interior-transition-guide,
.deep-section .interior-transition-guide,
.closing-section .interior-transition-guide,
.site-footer .interior-transition-guide { background: #a8c3ee; }
@media (max-width: 767px) {
  .section-transition-guide { height: 20px; }
  .section-flow--raised > .section-transition-guide { top: -28px; height: 18px; }
  .section-flow--compact > .section-transition-guide { height: 16px; }
  .interior-transition-guide { left: -10px; height: 18px; top: .2em; }
}
@media (prefers-reduced-motion: reduce) {
  .section-transition-guide, .interior-transition-guide,
  [data-handoff-heading], [data-handoff-copy], [data-handoff-media] { transform: none !important; }
}
@media print {
  .section-transition-guide, .interior-transition-guide { display: none; }
  [data-handoff-heading], [data-handoff-copy], [data-handoff-media] { transform: none !important; }
}