/* Review r11: automatic route and a changing daily activity preview. */
body.roadmap10-review #your-roadmap.rm10-section {
  position:relative; isolation:isolate;
  background:linear-gradient(var(--review-canvas) 50%,#fff 50%);
  color:#f2fbf5; border:0;
}
.roadmap10-review #your-roadmap.rm10-section::before {
  content:''; position:absolute; inset:0; z-index:-1; border-radius:40px;
  background:radial-gradient(ellipse at 50% 55%,#147e6340,transparent 65%),linear-gradient(180deg,#0b5044,#063d37);
  pointer-events:none;
}
.rm10-legacy-anchor {position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none;}
.roadmap10-review #your-roadmap.rm10-section>.section-inner {width:calc(100% - 80px);max-width:1220px;padding:50px 0 100px;border:0;}
.rm10-heading {text-align:center;max-width:820px;margin:0 auto 54px;}
.rm10-heading .eyebrow.pill {background:#ffffff08;border-color:#c1dfcd40;color:#c8ded2;}
.rm10-heading h2 {font-size:clamp(38px,4.3vw,58px);font-weight:420;line-height:1.1;letter-spacing:-.05em;color:#f5fcf8;margin:25px 0 0;}
.rm10-heading h2 em {font-style:normal;color:#d7bf93;}
/* Color sits behind the glass; the interface itself stays light and legible. */
.rm10-glass-scene {position:relative;isolation:isolate;}
.rm10-glass-scene::before {
  content:'';position:absolute;inset:0;z-index:-1;border-radius:28px;
  background:radial-gradient(ellipse at 14% 100%,#ecdcabbf,transparent 57%),radial-gradient(ellipse at 82% 5%,#dcf9eec7,transparent 62%);
}
.rm10-dashboard {
  position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffffc2;border-radius:28px;
  background:linear-gradient(125deg,#ffffffe0 0%,#fcfff9cc 45%,#ffffffb8 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffa6,inset 1px 0 0 #ffffff9c,inset -1px 0 0 #ffffff80,0 28px 70px -26px #001f1c8c;
  backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);
  color:#173e34;text-align:left;
}
.rm10-dashboard::before {content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(118deg,#ffffff70,transparent 36%,transparent 70%,#ffffff38);}
.rm10-topbar {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 30px;border-bottom:1px solid #395b3e19;background:#ffffff24;}
.rm10-product {display:flex;align-items:center;gap:11px;font-size:15px;font-weight:500;letter-spacing:-.02em;color:#173e34;}
.rm10-product svg {width:23px;height:23px;fill:none;stroke:#008273;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.rm10-layout {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:42px;padding:48px 42px 34px;align-items:center;}
.rm10-journey {min-width:0;position:relative;}
.rm10-map {position:relative;aspect-ratio:600/350;}
.rm10-route-line {position:absolute;left:0;top:0;width:100%;height:94.286%;overflow:visible;fill:none;stroke-width:1.5;}
.rm10-route-base,.rm10-route-color {vector-effect:non-scaling-stroke;}
.rm10-route-base {stroke:#638c7873;}
.rm10-route-color {stroke:#008273;stroke-linecap:round;stroke-width:2;}
.rm10-route-progress {stroke:#fff;stroke-linecap:round;stroke-width:12;stroke-dasharray:100;stroke-dashoffset:100;}
.rm10-stages {margin:0;padding:0;list-style:none;}
.rm10-stop {position:absolute;display:flex;align-items:center;flex-direction:column;transform:translate(-50%,-28px);text-align:center;width:118px;}
.rm10-stop-learn {left:10%;top:72.571%;}
.rm10-stop-build {left:36.666%;top:50%;}
.rm10-stop-apply {left:64.166%;top:27.429%;}
.rm10-stop-goal {left:85%;top:14%;}
.rm10-node {
  display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffffffeb;border-radius:18px;
  background:linear-gradient(140deg,#ffffffd9,#ffffff5c);color:#466f5d;
  box-shadow:inset 0 1px 0 #fff,0 4px 12px #385f3f0c;
}
.rm10-node svg {width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.rm10-stop strong {font-size:14px;font-weight:460;line-height:1.3;color:#365947;letter-spacing:-.015em;margin-top:14px;}
.rm10-stop.is-active .rm10-node {background:linear-gradient(145deg,#169d8b,#00796a);border-color:#1da38b;color:#fff;box-shadow:inset 0 1px 0 #ffffff45,0 6px 16px #00796a24;}
.rm10-stop.is-active strong {color:#075f51;}
.rm10-stop-goal:not(.is-active) .rm10-node {background:linear-gradient(135deg,#fffaf0d9,#e4d6b4a6);border-color:#fff9e9;color:#716342;}
.rm10-stop-goal:not(.is-active) strong {color:#635a42;}
.rm10-learning-plan {
  position:relative;padding:27px 25px 22px;border:1px solid #ffffffe0;border-radius:20px;
  background:linear-gradient(125deg,#ffffffab,#ffffff52);box-shadow:inset 0 1px 0 #fff,0 10px 26px -16px #18452b28;
  min-width:0;max-width:350px;width:100%;justify-self:end;
}
.rm10-day-header {display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:23px;}
.rm10-day-header h3 {margin:0;color:#254b3c;font-size:20px;font-weight:450;line-height:1.3;letter-spacing:-.025em;}
.rm10-day-number {font-variant-numeric:tabular-nums;}
.rm10-day-dots {display:flex;align-items:center;gap:5px;}
.rm10-day-dot {width:5px;height:5px;border-radius:10px;background:#55796335;}
.rm10-day-dot.is-active {width:18px;background:#008273;}
.rm10-day-pages {display:grid;}
.rm10-day-page {grid-area:1/1;min-width:0;opacity:0;visibility:hidden;}
.rm10-day-page.is-active {opacity:1;visibility:visible;animation:rm10-day-in .3s ease both;}
@keyframes rm10-day-in {from {opacity:0;transform:translateY(6px);} to {opacity:1;transform:translateY(0);}}
.rm10-day-type {display:flex;align-items:center;gap:7px;color:#39715c;font-size:11px;font-weight:500;line-height:1.4;}
.rm10-day-type svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.rm10-day-page h4 {margin:9px 0 0;color:#254b3c;font-size:22px;font-weight:450;letter-spacing:-.035em;line-height:1.25;}
.rm10-day-visual {height:112px;margin-top:23px;border:1px solid #ffffffb8;border-radius:13px;background:linear-gradient(125deg,#ffffff70,#ffffff30);overflow:hidden;}
.rm10-lesson-visual {display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px;}
.rm10-lesson-visual>div {display:flex;flex-direction:column;gap:8px;}
.rm10-lesson-visual>div+div {padding-left:14px;border-left:1px solid #568e7024;}
.rm10-lesson-visual b {display:block;width:36%;height:13px;border-radius:4px;background:#008273;opacity:.8;margin-bottom:3px;}
.rm10-lesson-visual>div+div b {width:62%;background:#c4ac7d;opacity:.6;}
.rm10-lesson-visual i {display:block;width:100%;height:3px;border-radius:2px;background:#7c9d874d;}
.rm10-lesson-visual i:last-child {width:64%;}
.rm10-project-visual {display:grid;place-items:center;}
.rm10-project-visual svg {width:100%;height:100%;fill:#ffffff85;stroke:#94b4a4;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;}
.rm10-project-link {fill:none;stroke:#6b9f86;}
.rm10-project-visual .rm10-project-focus {fill:#e4f5eb;stroke:#008273;}
.rm10-project-mark {fill:none;stroke:#008273;stroke-width:1.5;}
.rm10-quiz-visual {display:grid;gap:7px;padding:12px 16px;}
.rm10-quiz-visual>div {display:flex;align-items:center;gap:10px;padding:5px 8px;border:1px solid #68997e24;border-radius:6px;}
.rm10-quiz-visual i {width:9px;height:9px;border:1px solid #648b76;border-radius:50%;}
.rm10-quiz-visual b {height:3px;width:62%;border-radius:2px;background:#7c9d874d;}
.rm10-quiz-visual .is-highlighted {border-color:#00827375;background:#d6eee17d;}
.rm10-quiz-visual .is-highlighted i {border-color:#008273;box-shadow:inset 0 0 0 2px #e5f4eb;background:#008273;}
.rm10-quiz-visual .is-highlighted b {width:78%;background:#00827360;}
@media(max-width:1000px) {
  .rm10-layout {padding:38px 28px 28px;gap:24px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);}
  .rm10-learning-plan {padding:23px 20px 18px;}
  .rm10-day-header h3 {font-size:18px;}
  .rm10-node {width:46px;height:46px;border-radius:15px;}
  .rm10-stop {transform:translate(-50%,-23px);width:104px;}
  .rm10-node svg {width:22px;height:22px;}
  .rm10-stop strong {font-size:12px;margin-top:12px;}
}
@media(max-width:760px) {
  .rm10-layout {grid-template-columns:1fr;padding:32px;gap:28px;}
  .rm10-journey {width:100%;max-width:600px;margin:auto;}
  .rm10-map {aspect-ratio:600/300;}
  .rm10-route-line {height:100%;}
  .rm10-stop-learn {top:76.97%;}
  .rm10-stop-build {top:53.03%;}
  .rm10-stop-apply {top:29.09%;}
  .rm10-stop-goal {top:14.85%;}
  .rm10-learning-plan {max-width:430px;justify-self:center;padding:23px 25px 20px;}
  .rm10-day-header {padding-bottom:20px;}

}
@media(max-width:700px) {
  .roadmap10-review #your-roadmap.rm10-section>.section-inner {width:calc(100% - 36px);padding:36px 0 70px;}
  .roadmap10-review #your-roadmap.rm10-section::before {border-radius:24px;}
  .rm10-heading {margin-bottom:34px;}
  .rm10-heading h2 {font-size:clamp(32px,8.8vw,42px);margin:22px 0 0;}
  .rm10-dashboard,.rm10-glass-scene::before {border-radius:22px;}
  .rm10-topbar {padding:18px 20px;}
  .rm10-product {font-size:13px;gap:8px;}
  .rm10-product svg {width:20px;height:20px;}
}
@media(max-width:480px) {
  .rm10-layout {padding:30px 20px 23px;gap:34px;}
  .rm10-map {aspect-ratio:600/355;}
  .rm10-node {width:38px;height:38px;border-radius:13px;}
  .rm10-node svg {width:19px;height:19px;}
  .rm10-stop {width:90px;transform:translate(-50%,-19px);}
  .rm10-stop strong {font-size:11px;margin-top:11px;}
  .rm10-learning-plan {padding:22px 21px 18px;border-radius:17px;}
  .rm10-day-header h3 {font-size:18px;}
}
@media(max-width:359px) {
  .roadmap10-review #your-roadmap.rm10-section>.section-inner {width:calc(100% - 28px);}
  .rm10-topbar {padding:17px 15px;}
  .rm10-layout {padding:28px 15px 21px;}
  .rm10-node {width:34px;height:34px;border-radius:11px;}
  .rm10-stop {transform:translate(-50%,-17px);width:80px;}
  .rm10-stop strong {font-size:10px;}
  .rm10-learning-plan {padding:20px 18px 16px;}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .rm10-dashboard {background:linear-gradient(125deg,#fafcf7,#edf4ee);}
}

@media(max-width:359px) {
  .rm10-day-page h4 {font-size:20px;}
  .rm10-day-visual {margin-top:20px;}
  .rm10-lesson-visual {gap:10px;padding:17px 13px;}
}
@media(prefers-reduced-motion:reduce) {
  .rm10-route-progress {stroke-dashoffset:0;}
  .rm10-day-page.is-active {animation:none;}
}