.v22-continuous {
  --v22-ink: #131820;
  --v22-muted: #8b939c;
  --v22-line: #e2e5e8;
  --v22-red: #e5372f;
  position: relative;
}

.v22-continuous #operational-scenarios {
  min-height: 0;
  margin-top: 0;
  position: relative;
  z-index: 2;
}

.v22-continuous .approved-screen45,
.v22-continuous .approved-pathway,
.v22-continuous #homepage-cta.lx-brief {
  position: relative;
  z-index: 2;
}

.v22-continuous .approved-screen45 { margin-top: 0; }
.v22-continuous .approved-pathway { margin-top: 0; }
.v22-continuous #homepage-cta.lx-brief { margin-top: 0; }

@media (min-width: 721px) {
  body.v22-continuous #approved-home-integration .approved-screen7 .v15-layout-b .v15-paper {
    max-width: none;
  }
}

/* Keep the active chapter headings at the approved full-volume size. */
.v22-continuous #operational-scenarios .quick-read__heading h1,
.v22-continuous #operational-scenarios .quick-read__heading h2,
.v22-continuous .approved-pathway .journey-heading h2 {
  font-size: clamp(28px, 3.1vw, 44px);
}

.v22-continuous #operational-scenarios .quick-read__kicker,
.v22-continuous .approved-pathway .journey-heading .kicker {
  color: var(--v22-muted);
}

/* Keep the V12 copy readable, without the border-plus-shadow card treatment. */
.v22-continuous .approved-screen45 .v12-problem-copy,
.v22-continuous .approved-screen45 .v12-solution-copy {
  border: 0;
  box-shadow: none;
  background: #fff;
}

.v22-continuous .v22-rail {
  position: absolute;
  top: 0;
  right: clamp(20px, 4vw, 64px);
  z-index: 0;
  width: 1px;
  height: 0;
  background: var(--v22-line);
  pointer-events: none;
}

.v22-continuous .v22-rail__dot {
  position: absolute;
  top: var(--v22-dot-ratio, 0%);
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--v22-red);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

@media (max-width: 1100px) {
  .v22-continuous .v22-rail { display: none; }
}

@media (max-width: 720px) {
  .v22-continuous #operational-scenarios,
  .v22-continuous .approved-screen45,
  .v22-continuous .approved-pathway,
  .v22-continuous #homepage-cta.lx-brief {
    margin-top: 0;
  }

  .v22-continuous #operational-scenarios .quick-read__heading h1,
  .v22-continuous #operational-scenarios .quick-read__heading h2,
  .v22-continuous .approved-pathway .journey-heading h2 {
    font-size: clamp(28px, 8vw, 42px);
  }

}

@media (prefers-reduced-motion: reduce) {
  .v22-continuous .v22-rail__dot { transition: none; }
}