/* Preserve the original alternating How It Works rows and their animations.
   Only the final roadmap preview and the old review anchor need new styles. */
.how09-review .how09-legacy-anchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
}

.how09-review .how09-roadmap-stage {
  display: grid;
  place-items: center;
}

.how09-review .lx-mini-report.how09-plan {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: calc(100% - 64px);
  max-width: 370px;
  height: auto;
  padding: 27px;
  border: 1px solid #ffffff;
  border-top-color: #ffffff;
  border-radius: 9px;
  background: #ffffffed;
  box-shadow: 0 12px 25px #00877f13;
  color: #143d37;
}

.how09-review .how09-plan-heading {
  display: flex;
  align-items: center;
  gap: 13px;
}
.how09-review .how09-plan-heading svg {
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  stroke: #00877f;
  stroke-width: 1.4;
  fill: none;
  stroke-linecap: round;
}
.how09-review .lx-mini-report.how09-plan h4 {
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -.035em;
  color: #143d37;
}

.how09-review .how09-plan-route {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}
.how09-review .how09-plan-route li {
  display: flex;
  align-items: center;
  gap: 13px;
  position: relative;
  min-height: 52px;
}
.how09-review .how09-plan-route li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 40px;
  bottom: -12px;
  left: 14px;
  width: 1px;
  background: #9cd6c6;
}
.how09-review .how09-plan-route li > span {
  display: grid;
  place-items: center;
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  border: 1px solid #c2ebda;
  border-radius: 8px;
  background: #e6f8ef;
  color: #478d7c;
  font-size: 11px;
  font-weight: 400;
}
.how09-review .how09-plan-route strong {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -.02em;
  color: #365f54;
}

/* Match the assessment's E/S/P rhythm without changing any step labels. */
.how09-review .how09-plan-route li > span { animation: how09-step-chip 9s ease-in-out infinite; }
.how09-review .how09-plan-route li > strong { animation: how09-step-label 9s ease-in-out infinite; }
.how09-review .how09-plan-route li:nth-child(2) > span,
.how09-review .how09-plan-route li:nth-child(2) > strong { animation-delay: 3s; }
.how09-review .how09-plan-route li:nth-child(3) > span,
.how09-review .how09-plan-route li:nth-child(3) > strong { animation-delay: 6s; }
@keyframes how09-step-chip {
  0%, 26% { background: #00a99d; border-color: #38d2b9; color: #fff; }
  34%, 100% { background: #e6f8ef; border-color: #c2ebda; color: #478d7c; }
}
@keyframes how09-step-label {
  0%, 26% { color: #007f74; }
  34%, 100% { color: #365f54; }
}

.how09-review .how09-daily-cue {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 22px;
  padding-top: 19px;
  border-top: 1px solid #dceee5;
}
.how09-review .how09-daily-cue svg {
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  stroke: #398a76;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.how09-review .how09-daily-cue > span {
  color: #648d80;
  font-size: 14px;
  line-height: 1.5;
}
.how09-review .how09-daily-cue strong { font-weight: 400; color: #00877f; }

@media (max-width: 520px) {
  .how09-review .lx-stage.how09-roadmap-stage { height: 398px; }
  .how09-review .lx-mini-report.how09-plan {
    width: calc(100% - 28px);
    padding: 23px 18px;
    border-radius: 9px;
  }
  .how09-review .lx-mini-report.how09-plan h4 { font-size: 21px; }
  .how09-review .how09-plan-heading { gap: 11px; }
  .how09-review .how09-plan-heading svg { width: 23px; height: 23px; flex-basis: 23px; }
  .how09-review .how09-plan-route { margin-top: 23px; }
  .how09-review .how09-plan-route li { gap: 10px; min-height: 53px; }
  .how09-review .how09-plan-route strong { font-size: 16px; }
  .how09-review .how09-daily-cue { margin-top: 18px; padding-top: 17px; }
}

@media (max-width: 359px) {
  .how09-review .lx-mini-report.how09-plan { padding: 22px 14px; width: calc(100% - 22px); }
  .how09-review .how09-plan-route strong { font-size: 15px; }
}

/* Keep the original assessment card's caption inside its surface on small phones. */
@media (max-width: 359px) {
  .how09-review .lx-pulse { height: 64px; }
  .how09-review .lx-input-window strong { font-size: 15px; line-height: 1.4; }
  .how09-review .lx-input-hint { line-height: 1.4; margin-top: 7px; }
}