:root{--violet:#319faa;--violet-soft:#e3f7f8}
body{background:radial-gradient(circle at 8% 18%,rgba(49,159,170,.2),transparent 28rem),radial-gradient(circle at 92% 32%,rgba(255,212,223,.55),transparent 27rem),var(--paper)}
.eyebrow,.panel-kicker,.modal-kicker,.teacher-guide>div>span,.mission-card small{color:#217c85}.hero h1 em{color:#258f9a}.back-link{background:#e6f7f8;border-color:#b9e1e4}.series-track .active{background:#ddf3f5;border-color:#83cbd1}.series-track .active b{background:#258f9a}.mission-card{background:linear-gradient(135deg,#dff5f7,#f5fcfc);border-color:#9fd5da}.equation{color:#246f76}.progress i{background:linear-gradient(90deg,#258f9a,#ec8da2)}.phase-track .active b,.modal-steps b{background:#8ed1d7}.teacher-guide{background:linear-gradient(135deg,rgba(49,159,170,.16),rgba(255,212,223,.4))}
.route-stage{display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:300px;padding:20px}.route-line{align-items:center;background:#fff;border:1px solid #d9e4e5;border-radius:14px;display:grid;gap:10px;grid-template-columns:34px 1fr auto;min-height:58px;padding:10px 13px}.route-line b{align-items:center;background:#daf1f3;border-radius:50%;display:flex;font:900 13px Nunito,sans-serif;height:30px;justify-content:center;width:30px}.route-line strong{font:900 clamp(17px,2.3vw,23px) Nunito,sans-serif}.route-line small{color:#7a8587;font-size:10px;font-weight:800;text-align:right}.route-line.current{border:2px dashed #42a6b1;background:#f3fcfc}.route-line.pending{opacity:.55}.route-line.result{background:#eaf8ef;border-color:#9bcfae}.operation-chip{background:#fff0c9;border:1px solid #e5c871;border-radius:999px;color:#70591f;font:900 11px Nunito,sans-serif;padding:5px 9px}.priority-strip{background:#f5f8f8;border-top:1px solid var(--line);display:grid;gap:6px;grid-template-columns:repeat(4,1fr);padding:10px}.priority-strip span{align-items:center;color:#687477;display:flex;font-size:10px;font-weight:800;gap:5px;justify-content:center;text-align:center}.priority-strip b{align-items:center;background:#dcebed;border-radius:50%;display:flex;flex:0 0 20px;height:20px;justify-content:center}.model-tag{background:#e0f4f5}
@media(max-width:600px){.route-stage{min-height:260px;padding:11px}.route-line{grid-template-columns:30px 1fr}.route-line small{grid-column:2;text-align:left}.priority-strip{grid-template-columns:1fr 1fr}}