.machine-actions{display:block!important}.workstation-monitor{width:100%;border:1px solid #414141;border-radius:18px;background:#090909;overflow:hidden;margin-block:20px}.monitor-bar{display:flex;align-items:center;gap:7px;height:37px;padding:0 17px;border-bottom:1px solid #303030;direction:ltr}.monitor-bar>span{height:6px;width:6px;background:#656565;border-radius:50%}.monitor-bar>b{margin-left:auto;font:10px system-ui;letter-spacing:1.6px;color:#959595}.monitor-preview{min-height:265px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;background:radial-gradient(ellipse at center,#202020 0,transparent 68%);padding:28px;text-align:center}.monitor-symbol svg{width:48px;height:48px;color:#9c9c9c}.monitor-preview .btn{font-size:19px;min-width:210px;min-height:52px}.monitor-preview p{color:#9c9c9c;font-size:15px;margin:0}.machine-controls{display:flex;gap:12px;flex-wrap:wrap}.target-ip{font-size:16px;color:#ccc}.target-start-note{font-size:15px;color:#999}.target-actions{align-items:center;flex-wrap:wrap}.reader-page-actions{position:relative!important;top:auto!important;z-index:auto!important}.source-lesson .lesson-media{margin:30px auto;max-width:760px;padding:20px;border:1px solid #333;border-radius:14px;background:#f9f9f9}.source-lesson .lesson-media img{display:block;max-width:100%;max-height:430px;object-fit:contain;margin:auto}.source-lesson .lesson-media figcaption{color:#414141;font-size:14px;line-height:1.8;text-align:center;margin-top:14px}.source-lesson .source-code{direction:ltr;text-align:left;unicode-bidi:plaintext;overflow:auto}.source-lesson p{white-space:pre-line}.unit-enter{margin-top:20px}@media(max-width:650px){.monitor-preview{min-height:220px;padding:20px}.monitor-preview .btn{min-width:180px}.machine-controls .btn{flex:1}.target-address code{overflow-wrap:anywhere}.source-lesson .lesson-media{padding:12px}}
.machine-card:has(.workstation-drawer:not([hidden])) .workstation-monitor{display:none}

/* Task labs */
.work-terminal{display:flex;flex-direction:column;height:100%;min-height:520px;background:#0b0b0c}
.work-terminal .lesson-terminal{flex:1;min-height:460px;padding:8px}
.work-terminal .terminal-keys{display:flex;gap:6px;padding:8px;direction:ltr}

/* Machine flags: match the knowledge-check question card look (no class collision) */
/* Machine section: same look as the lesson question cards */
.machine-section{margin:48px 0 32px;padding:0;border:0;background:none}
.machine-brief{margin:0 0 26px;padding:24px 28px;background:var(--ls-raised);border:1px solid #3a3a3a;border-radius:10px;box-shadow:0 8px 24px #00000010;color:#dcdcdc;font-size:21px;line-height:2}
.machine-brief p{margin:0 0 14px}.machine-brief p:last-child{margin-bottom:0}.machine-brief p:first-child{font-size:23px;color:#f3f3f3}.machine-brief strong{color:#f1f1f1;font-weight:600}
.machine-section .lab-stack{margin:0 0 30px}
.machine-flags-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;flex-wrap:wrap}
.lab-tasks-progress{margin:0;color:#a3a3a3;font-size:16px}.lab-tasks-progress b{color:#ededed}
.lab-tasks{display:grid;gap:18px}
.machine-q-body{margin:0 0 18px;color:#d0d0d0;font-size:20px;line-height:2}
.machine-q-body code,.wt-content code{direction:ltr;unicode-bidi:isolate;display:inline-block;font-family:Consolas,monospace;font-size:.88em;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:0 7px}
.lab-task-form{margin:0}
.lab-task-status.studio-question-result{margin-top:10px}
.wt-open{white-space:nowrap}
body.wt-lock{overflow:hidden}
.wt-overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.76);display:flex;align-items:center;justify-content:center;padding:20px}
.wt-overlay[hidden]{display:none}
.wt-dialog{width:min(820px,100%);max-height:88vh;overflow:auto;background:#121212;border:1px solid #3a3a3a;border-radius:10px;box-shadow:0 24px 70px #000a}
.wt-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 26px;background:#121212;border-bottom:1px solid #2c2c2c}
.wt-bar h3{margin:0;font-size:22px;font-weight:600}
.wt-close{background:none;border:0;color:#bbb;font-size:30px;line-height:1;cursor:pointer;padding:0 6px}
.wt-content{padding:22px 26px 28px}
.wt-intro{margin:0 0 18px;color:#a8a8a8;font-size:17px;line-height:1.9}
.wt-machine{border:1px solid #303030;border-radius:8px;margin:0 0 12px;background:#171717}
.wt-machine>summary{cursor:pointer;display:flex;gap:12px;align-items:baseline;padding:14px 18px;font-size:18px;list-style:none}
.wt-machine>summary::-webkit-details-marker{display:none}
.wt-machine>summary span{color:#9a9a9a;font-size:15px}
.wt-machine[open]>summary{border-bottom:1px solid #2a2a2a}
.wt-step{padding:16px 18px;border-top:1px solid #262626}
.wt-machine>summary+.wt-step{border-top:0}
.wt-step h4{margin:0 0 8px;font-size:18px;font-weight:600}
.wt-hint{margin:0 0 10px;color:#cdcdcd;font-size:17px;line-height:1.95}
.wt-ol{margin:0;padding-inline-start:22px;display:grid;gap:8px;color:#c4c4c4;font-size:16px;line-height:1.9}
body.logic-unified #app .machine-q{padding:24px 26px;margin:0;background:var(--ls-raised);border:1px solid transparent;border-radius:10px;box-shadow:0 8px 24px #00000010;display:block}
body.logic-unified #app .machine-q .answer-input-wrap{display:flex;align-items:stretch;gap:10px;max-width:none}
body.logic-unified #app .machine-q input{flex:1;min-width:0;background:var(--ls-inset);border:1px solid #515151;min-height:46px;border-radius:6px;color:#eee;font:18px/1.5 Zain,sans-serif;padding:10px 14px;box-shadow:none}
body.logic-unified #app .machine-q.correct{border-color:#606060}
body.logic-unified #app .machine-q.correct input{border-color:#989898}
body.logic-unified #app .machine-q.incorrect{border-color:#795e55}
body.logic-unified #app .machine-q.incorrect input{border-color:#b18c7b}