@charset "UTF-8";
.micro-workspace{margin:0 0 28px;min-width:0;color:var(--ink,#18263a)}
.micro-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:14px}
.micro-header h2{font-size:21px;line-height:1.5;margin:2px 0 0}
.micro-eyebrow{font-size:12px;color:var(--muted,#5b6c82);font-weight:600;letter-spacing:.5px;margin:0}
.micro-count{margin-left:auto;border:1px solid #c9d9ef;background:#edf4ff;color:#225caa;border-radius:18px;padding:4px 11px;font-size:12px;white-space:nowrap}
.micro-intro{flex-basis:100%;font-size:14px;line-height:1.7;color:var(--muted,#5b6c82);margin:0}
.micro-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px;min-width:0}
.micro-step-number{display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:0;border:1px solid #cbd8e9;border-radius:50%;background:#fff;color:#5b6c82;font-size:14px;font-weight:600}
.micro-step-number.micro-is-passed{background:#e6f5ed;border-color:#b6d9c7;color:#18734d}
.micro-step-number.micro-is-current{border:2px solid #225cc2;box-shadow:0 0 0 3px #e7effe;color:#225cc2}
.micro-step-number.micro-is-locked{background:#eef1f6;border-color:#dbe3ee;color:#8996a8;opacity:.65}
.micro-nav-note{font-size:12px;color:#6a7b91;margin-left:3px}
.micro-card{border:1px solid #d6e2f1;border-radius:14px;background:#fff;padding:22px;min-width:0;box-shadow:0 3px 12px #1d4d8710}
.micro-heading{font-size:19px;line-height:1.5;margin:4px 0 8px}
.micro-goal{font-size:13px;color:#386297;background:#f1f6fe;border-radius:7px;padding:7px 10px;margin:0 0 14px}
.micro-prompt{font-size:15px;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 13px}
.micro-code-example,.micro-reference pre{overflow:auto;max-width:100%;background:#f5f7fb;border:1px solid #e1e7ef;border-radius:8px;padding:11px 13px;font:14px/1.75 "SFMono-Regular",Consolas,monospace;margin:0 0 14px}
.micro-code-example code,.micro-reference code{display:block;background:transparent;padding:0;border-radius:0;font:inherit}
.micro-form{margin:0;min-width:0}
.micro-options{border:0;padding:0;margin:0 0 15px;min-width:0}
.micro-options legend,.micro-input-label{display:block;font-size:13px;font-weight:600;color:#51647e;margin:0 0 8px}
.micro-option{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:9px;padding:9px 11px;border:1px solid #dbe4f1;border-radius:8px;background:#fff;cursor:pointer;min-height:42px;margin:0 0 7px;overflow-wrap:anywhere;font-size:14px}
.micro-option:has(input:checked){border-color:#7ba5df;background:#f0f6ff;color:#214f93}
.micro-option input{width:16px;height:16px;margin:4px 0 0;accent-color:#225cc2}
.micro-fill{display:block;width:min(100%,240px);min-width:0;min-height:43px;border:1px solid #aebfd5;border-radius:7px;background:#fff;padding:8px 11px;color:#18263a;font:15px/1.6 "SFMono-Regular",Consolas,monospace;margin-bottom:15px}
.micro-editor{display:block;width:100%;max-width:100%;min-width:0;border:1px solid #afc3df;border-radius:8px;padding:12px;color:#172d4d;background:#f7faff;resize:vertical;tab-size:4;font:14px/1.8 "SFMono-Regular",Consolas,monospace;white-space:pre;overflow:auto;margin-bottom:12px}
.micro-editor:disabled,.micro-fill:disabled{color:#536780;background:#f1f4f8;opacity:.8}
.micro-target,.micro-stdin{display:flex;gap:8px 16px;align-items:flex-start;flex-wrap:wrap;background:#f6f8fc;border-radius:7px;padding:9px 11px;margin-bottom:11px;min-width:0}
.micro-target span,.micro-stdin span{font-size:12px;color:#60738c;padding-top:2px}
.micro-target pre,.micro-stdin pre{font:13px/1.7 "SFMono-Regular",Consolas,monospace;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}
.micro-actions,.micro-move-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:14px}
.micro-actions button,.micro-move-actions button,.micro-continue{font-size:14px;min-height:42px;padding:9px 13px;border-radius:8px;line-height:1.5}
.micro-check,.micro-next,.micro-continue{background:#225cc2;color:#fff;font-weight:600;border:1px solid #225cc2}
.micro-hint-button,.micro-previous{border:1px solid #cedbed;color:#315e9e;background:#f3f7fd}
.micro-stop{border:1px solid #e3bac1;color:#a02c3c;background:#fff3f4}
.micro-runtime{font-size:12px;color:#60758f;margin:12px 0 0;overflow-wrap:anywhere}
.micro-output-box{margin:14px 0 0;min-width:0}
.micro-output-box h4{font-size:12px;font-weight:600;color:#60738c;margin:0 0 5px}
.micro-output{font:13px/1.8 "SFMono-Regular",Consolas,monospace;background:#f6f8fc;border:1px solid #e0e7f0;border-radius:8px;padding:10px 12px;min-height:45px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;max-height:210px;overflow:auto}
.micro-feedback{border-left:3px solid #83a6db;background:#f1f6fe;color:#355b8f;border-radius:0 7px 7px 0;padding:11px 13px;font-size:14px;line-height:1.8;margin-top:14px;overflow-wrap:anywhere}
.micro-feedback.micro-feedback-passed{border-left-color:#53a67d;background:#edf8f2;color:#206341}
.micro-hint-panel{background:#fffaf0;border:1px solid #eddfba;border-radius:8px;padding:11px 13px;margin-top:12px;font-size:13px;line-height:1.8;color:#705b34}
.micro-hint-panel strong{font-size:12px}
.micro-hint-panel p{white-space:pre-line;margin:4px 0 0;overflow-wrap:anywhere}
.micro-reference{margin-top:12px;border:1px solid #d8e2ef;border-radius:8px;padding:3px 12px;font-size:13px;color:#506885}
.micro-reference summary{min-height:38px;cursor:pointer;font-weight:600;padding:7px 0}
.micro-reference p{font-size:12px;margin:3px 0 10px}
.micro-reference pre{margin-bottom:10px}
.micro-move-actions{padding-top:15px;border-top:1px solid #edf1f7;margin-top:20px}
.micro-next-note{font-size:12px;color:#63758e;line-height:1.7}
.micro-complete{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;border:1px solid #bcd9c9;background:#edf8f2;border-radius:10px;padding:14px 17px;color:#206341;font-size:14px;line-height:1.8}
.micro-complete p{flex:1 1 260px;margin:0}
.micro-continue{flex:0 1 auto;white-space:normal}
.micro-empty{padding:15px;color:#667892}
.micro-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.micro-workspace [hidden]{display:none!important}
.micro-workspace button:disabled{opacity:.5;cursor:not-allowed}
.micro-workspace button:focus-visible,.micro-workspace input:focus-visible,.micro-workspace textarea:focus-visible,.micro-workspace summary:focus-visible{outline:3px solid #508ff0;outline-offset:3px}
@media(max-width:600px){.micro-card{padding:16px}.micro-count{margin-left:0}.micro-nav-note{flex-basis:100%;margin:3px 0 0}.micro-step-number{width:36px;height:36px;min-height:36px}.micro-navigation{gap:8px}.micro-heading{font-size:18px}.micro-actions button,.micro-move-actions button{padding:8px 11px;font-size:13px}.micro-next-note{flex-basis:100%}.micro-target,.micro-stdin{gap:4px 12px}.micro-complete{padding:13px}.micro-continue{width:100%}.micro-editor{font-size:13px}.micro-header h2{font-size:20px}}