/* A desk-training note, using the same monitor, records and decision controls. */
.tutorial-offer{display:flex;align-items:center;gap:20px;padding:18px;margin:20px 0;background:#e1e7cb;border:2px solid #6c8057;color:#273c2f;box-shadow:3px 3px 0 #354936}
.tutorial-offer strong{font-size:18px}.tutorial-offer p{font-size:16px;margin:6px 0 0;line-height:1.5}.tutorial-offer button{flex-shrink:0}.tutorial-offer-compact{padding:12px 16px;box-shadow:none}.tutorial-offer-compact p{font-size:14px}.tutorial-offer .quiet{color:#334c35}
.progress-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
.tutorial-mode .screen-window>main>.challenge-bar,.tutorial-mode .screen-window>main>.intro,.tutorial-mode .screen-window>main>.context,.tutorial-mode .screen-window>main>.build-note{display:none}
.tutorial-mode .source-controls select{display:none}
.tutorial-guide{scroll-margin-top:80px;background:#223d36;border:2px solid #bdca99;box-shadow:3px 3px 0 #344a34;padding:16px 20px;margin:0 0 22px;color:#f0f0da}
.tutorial-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.tutorial-heading .screen-kicker{font:14px var(--pixel);color:#d5dfa9}.tutorial-heading .quiet{font-size:14px;color:#dee4c6;padding:7px 10px}.tutorial-copy h2{font:700 22px Arial,Helvetica,sans-serif;color:#f7f3da;margin:10px 0 7px;letter-spacing:-.3px}.tutorial-copy .tutorial-timer-note{font-size:14px;margin-top:10px;color:#f2d59b}.tutorial-copy p{font-size:16px;line-height:1.55;margin:0;max-width:1000px;color:#e1e7cf}
.tutorial-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.tutorial-steps{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;padding:0;margin:0}.tutorial-steps li{display:flex;align-items:center;gap:8px;color:#bbc9ae;font-size:14px}.tutorial-steps li>span{display:grid;place-items:center;border:1px solid #879d79;min-width:24px;height:24px;font-size:14px}.tutorial-steps li[aria-current]{color:#fff1b6}.tutorial-steps li[aria-current]>span{border:2px solid #e7d692}.tutorial-steps .is-complete>span{color:#273d2e;background:#c2d394;border-color:#c2d394}.tutorial-success{border-color:#d1e3a6}
.screen-window tr.tutorial-target{background:#fff1c7}.screen-window tr.tutorial-target.selected{background:#d8e7bf}.screen-window tr.tutorial-target td:first-child{box-shadow:inset 4px 0 #aa7932}.screen-window tr.tutorial-target .idcell small{color:#684713;font-weight:700}
.tutorial-hint{border-left:4px solid #9c7737;background:#ede4c7;color:#3f3c29;padding:12px 15px;font-size:16px;line-height:1.5;margin:14px 0}.tutorial-feedback{border:2px solid #b37c45;background:#fff0ce;color:#613e19;padding:12px 15px;font-size:16px;line-height:1.5;margin:14px 0}
.tutorial-mode #investigationForm .procedure-note{font-size:14px}.tutorial-mode .selection-bar{position:static}
@media(max-width:800px){.tutorial-offer{flex-direction:column;align-items:flex-start}.tutorial-bottom{align-items:flex-start;flex-direction:column}.tutorial-guide{padding:14px}.tutorial-heading{gap:8px}.tutorial-heading .screen-kicker{font-size:12px;line-height:1.5}.tutorial-steps{gap:10px}.tutorial-copy h2{font-size:20px}#tutorialNext{width:100%}}