/* RR CyberLab — consistent beginner guidance for interactive labs */
.rr-guide-bar{margin:14px auto 0;padding:10px 12px;border:1px solid #21445b;background:linear-gradient(90deg,rgba(6,22,35,.97),rgba(9,17,28,.97));border-radius:12px;display:flex;align-items:center;gap:12px;position:relative;z-index:18}.rr-guide-brand{display:flex;align-items:center;gap:7px;white-space:nowrap}.rr-guide-brand .dot{width:9px;height:9px;border-radius:50%;background:#4de8ff;box-shadow:0 0 12px rgba(77,232,255,.55)}.rr-guide-brand b{font-size:10px;letter-spacing:.8px}.rr-guide-track{display:flex;align-items:center;gap:5px;flex:1;min-width:0}.rr-guide-step{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.rr-guide-step .n{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#0d2332;border:1px solid #2a5269;color:#8eaabd;font:900 9px ui-monospace,monospace;flex:0 0 auto}.rr-guide-step .txt{min-width:0}.rr-guide-step b{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr-guide-step small{display:block;color:#6f899b;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr-guide-step.active .n{background:#0b5870;border-color:#56e8ff;color:#fff}.rr-guide-step.done .n{background:#0c5d46;border-color:#37d9a0;color:#dffcf0}.rr-guide-line{height:1px;background:#1b3d50;flex:0 0 14px}.rr-guide-start{border:1px solid #42dff6;background:#0b2a39;color:#dffaff;border-radius:8px;padding:8px 10px;font-size:8px;font-weight:950;cursor:pointer;white-space:nowrap}.rr-guide-start:hover{border-color:#fff}.rr-guide-skip{border:0;background:transparent;color:#668399;font-size:8px;cursor:pointer;white-space:nowrap}.rr-guide-skip:hover{color:#b8ccda}
.rr-guide-focus{outline:3px solid #5beaff!important;outline-offset:4px!important;box-shadow:0 0 0 8px rgba(91,234,255,.08),0 0 32px rgba(91,234,255,.2)!important}
.rr-guide-modal{position:fixed;inset:0;background:transparent;z-index:1000;display:none;align-items:flex-end;justify-content:flex-end;padding:18px;pointer-events:none}.rr-guide-modal.open{display:flex}.rr-guide-card{pointer-events:auto;width:min(680px,96vw);background:#07121d;border:1px solid #28526a;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.6);overflow:hidden}.rr-guide-card .topline{padding:15px 17px;border-bottom:1px solid #1c394c;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.rr-guide-card h2{margin:0;font-size:18px}.rr-guide-card .sub{margin-top:4px;color:#86a2b5;font-size:9px}.rr-guide-close{border:1px solid #29475b;background:#0a1b29;color:#bcd0dc;border-radius:7px;padding:6px 9px;cursor:pointer}.rr-guide-body{padding:17px}.rr-guide-bigstep{display:flex;gap:12px;align-items:flex-start}.rr-guide-bigstep .num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0b5870;border:1px solid #5beaff;color:#fff;font:900 13px ui-monospace,monospace;flex:0 0 auto}.rr-guide-bigstep h3{margin:0 0 5px;font-size:15px}.rr-guide-bigstep p{margin:0;color:#9bb0bf;font-size:11px;line-height:1.6}.rr-guide-action{margin-top:14px;padding:11px;border:1px solid #1e4055;background:#091a28;border-radius:10px;color:#c6d7e2;font-size:9px}.rr-guide-action b{color:#5beaff}.rr-guide-controls{padding:12px 17px;border-top:1px solid #1c394c;display:flex;justify-content:space-between;gap:8px}.rr-guide-controls button{border:1px solid #29495e;background:#0a1b29;color:#d6e5ee;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:900;cursor:pointer}.rr-guide-controls .next{background:#0b5870;border-color:#5beaff;color:#fff}.rr-guide-progress{display:flex;gap:4px;margin-top:14px}.rr-guide-progress i{height:4px;flex:1;background:#173345;border-radius:99px}.rr-guide-progress i.on{background:#55e7ff}.rr-guide-tip{margin-top:12px;color:#728da0;font-size:8px}
@media(max-width:900px){.rr-guide-bar{align-items:flex-start;flex-wrap:wrap}.rr-guide-track{order:3;flex-basis:100%}.rr-guide-step small{display:none}.rr-guide-line{flex:0 0 8px}}
@media(max-width:600px){.rr-guide-brand{width:100%}.rr-guide-start{margin-left:auto}.rr-guide-skip{display:none}.rr-guide-step b{font-size:7px}.rr-guide-step .n{width:21px;height:21px}.rr-guide-line{display:none}.rr-guide-track{justify-content:space-between}.rr-guide-step{flex:0 1 auto}}
@media(prefers-reduced-motion:reduce){.rr-guide-focus{box-shadow:0 0 0 6px rgba(91,234,255,.08)!important}}

@media(max-width:700px){.rr-guide-modal{padding:10px}.rr-guide-card{width:min(680px,calc(100vw - 20px));max-height:78vh;overflow:auto}}