/* Review r7: opaque mint cards with crisp, consistent edges against the light canvas. */
body.roadmap10-review {
  --review-canvas: #f5f5f1;
  --review-ink: #163f33;
  --review-muted: #526b60;
  --review-accent: #008273;
  --review-mint: #e2f3eb;
}
body.roadmap10-review #how-it-works.how09-review {
  background: linear-gradient(180deg,#edf5f0 0%,var(--review-canvas) 18%,var(--review-canvas) 100%);
}
body.roadmap10-review #how-it-works .lx-three-grid,
body.roadmap10-review #how-it-works .lx-feature { border-color: #23433112; }
/* The wrapper only arranges the illustration; the stage is its one outer card. */
body.roadmap10-review .glass10-scene {
  position: relative; min-width: 0; padding: 0;
  border: 0; border-radius: 24px; background: none; box-shadow: none;
}
body.roadmap10-review #how-it-works .lx-feature:nth-child(even) .glass10-scene { order: 2; }
body.roadmap10-review #how-it-works .lx-stage {
  position: relative; isolation: isolate;
  border: 1px solid #b5d3c3; border-radius: 16px;
  background: linear-gradient(135deg,#e5f2ec,#dceee4);
  box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body.roadmap10-review #how-it-works .lx-stage { width: 100%; }
body.roadmap10-review #how-it-works .lx-stage::before,
body.roadmap10-review #how-it-works .lx-stage::after { content: none; }
body.roadmap10-review #how-it-works .lx-stage-topline { color: #537567; }
body.roadmap10-review #how-it-works .lx-feature-copy > .lx-step { color: #00796a; }
body.roadmap10-review #how-it-works .lx-input-window,
body.roadmap10-review #how-it-works .lx-mini-report.how09-plan {
  border: 1px solid #c6dfd3; border-radius: 16px;
  background: #ffffffed; box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body.roadmap10-review #how-it-works .lx-window-caption { color: var(--review-accent); }
body.roadmap10-review #how-it-works .lx-input-hint { color: var(--review-muted); }
body.roadmap10-review #how-it-works .lx-input-window strong { color: var(--review-ink); }
body.roadmap10-review #how-it-works .lx-pulse b { background: var(--review-accent); color: #fff; box-shadow: none; }
body.roadmap10-review #how-it-works .lx-pulse > i { border-color: #00827366; }
body.roadmap10-review #how-it-works .lx-esp-tabs > div {
  border: 1px solid #b6d9c9; border-radius: 12px;
  background: #ffffffb3; color: #275c4b;
  animation-name: glass10-esp-focus; box-shadow: none;
}
@keyframes glass10-esp-focus {
  0%,26% { background:#008273; border-color:#008273; color:#fff; }
  34%,100% { background:#ffffffb3; border-color:#b6d9c9; color:#275c4b; }
}
body.roadmap10-review #how-it-works .lx-match-rows > div {
  background: #ffffffed; border-color: #c6dfd3;
  color: var(--review-ink); box-shadow: none; border-radius: 10px;
}
body.roadmap10-review #how-it-works .lx-match-rows b { background: #d5eee3; color: #006d60; }
body.roadmap10-review #how-it-works .lx-match-rows b svg {
  width: 20px; height: 20px; position: static;
  fill: none; stroke: currentColor; stroke-width: 1.5;
  stroke-linecap: round; stroke-linejoin: round;
}
body.roadmap10-review #how-it-works .lx-row-spinner { border-color: #00827399; }
body.roadmap10-review #how-it-works .how09-plan-heading svg,
body.roadmap10-review #how-it-works .how09-daily-cue svg { stroke: var(--review-accent); }
body.roadmap10-review #how-it-works .how09-daily-cue strong { color: var(--review-accent); }
body.roadmap10-review #how-it-works .how09-plan-heading h4,
body.roadmap10-review #how-it-works .how09-plan-route strong { color: var(--review-ink); }
body.roadmap10-review #how-it-works .how09-plan-route li > span {
  background: #e2f3eb; border-color: #b6d9c9; color: #006d60;
  animation-name: glass10-step-chip;
}
body.roadmap10-review #how-it-works .how09-plan-route li > strong { animation-name: none; }
body.roadmap10-review #how-it-works .how09-plan-route li:not(:last-child)::after { background: #89c3aa; }
body.roadmap10-review #how-it-works .how09-daily-cue { border-color: #c6dfd3; }
body.roadmap10-review #how-it-works .how09-daily-cue > span { color: var(--review-muted); }
@keyframes glass10-step-chip {
  0%,26% { background:#008273; border-color:#008273; color:#fff; }
  34%,100% { background:#e2f3eb; border-color:#b6d9c9; color:#006d60; }
}
/* Halve the section-boundary whitespace; preserve the spacing within each step. */
body.roadmap10-review #tracks .tracks13-rows { padding-bottom: 36px; }
body.roadmap10-review #tracks .tracks13-rows .tracks13-viewport { padding-bottom: 6px; }
body.roadmap10-review #how-it-works > .section-inner { padding-top: 66px; padding-bottom: 55px; }
@media(max-width:960px) {
  body.roadmap10-review #how-it-works > .section-inner { padding-top: 55px; }
}
@media(max-width:820px) {
  body.roadmap10-review #how-it-works > .section-inner { padding-bottom: 48px; }
  body.roadmap10-review #how-it-works .lx-feature .glass10-scene,
  body.roadmap10-review #how-it-works .lx-feature:nth-child(even) .glass10-scene { order:0; width:100%; max-width:582px; margin:auto; }
}
@media(max-width:700px) {
  body.roadmap10-review #tracks .tracks13-rows { padding-bottom: 26px; }
  body.roadmap10-review #tracks .tracks13-rows .tracks13-viewport { padding-bottom: 10px; }
  body.roadmap10-review #tracks .tracks13-rows .tracks13-viewport:last-child { padding-bottom: 5px; }
}
@media(max-width:600px) {
  body.roadmap10-review #how-it-works > .section-inner { padding-top: 40px; }
}
@media(max-width:520px) {
  body.roadmap10-review #how-it-works > .section-inner { padding-bottom: 39px; }
  body.roadmap10-review #how-it-works .lx-stage { border-radius:14px; }
}
@media(prefers-reduced-motion:reduce) {
  body.roadmap10-review #how-it-works .lx-esp-tabs > div:first-child,
  body.roadmap10-review #how-it-works .how09-plan-route li:first-child > span { background:#008273; border-color:#008273; color:#fff; }
}