.courses{--course-text:#e5e9f0;--course-muted:#cacbdb8c;--course-border:#cacbdb14;--course-panel:#070f1ab8;--course-accent:#81bfff;box-sizing:border-box;width:100%;min-width:0;max-width:900px;color:var(--course-text);margin:0 auto;padding:28px 12px 40px;font-size:14px;line-height:1.7}.courses *,.courses :before,.courses :after{box-sizing:border-box}.courses>header{text-align:right;margin:0 0 22px;position:static}.courses h1{color:var(--course-text);font-variation-settings:var(--font-dot-style),"wght" 700;letter-spacing:-.02em;margin:0;font-size:34px;font-weight:700;line-height:1.3}.courses h2,.courses h3{color:var(--course-text);font-variation-settings:var(--font-dot-style),"wght" 600;margin:0 0 12px;font-size:15px;font-weight:600;line-height:1.6}.courses p{color:var(--course-muted);margin:8px 0 14px;line-height:1.8}.courses>header>p{margin:8px 0 0;font-size:16px;line-height:1.55}.courses a{color:var(--course-accent);text-decoration:none}.courses a:hover{color:var(--course-text)}.courses .course-back{color:var(--course-muted);margin:0 0 12px;font-size:12px;display:inline-flex}.courses .course-back:hover{color:var(--course-accent)}.courses .course-card{border:1px solid var(--course-border);background:var(--course-panel);border-radius:12px;width:100%;min-width:0;margin:0 0 14px;padding:16px}.courses .course-list{gap:8px}.courses .course-list-link{color:#d7dbe6;justify-content:flex-start;padding:14px}.course-list-cover{object-fit:cover;border-radius:8px;flex:0 0 64px;width:64px;height:64px}.course-list-text{min-width:0}.courses .course-list-text h2{color:inherit;margin:0;font-size:14px}.courses .course-list-text p{margin:4px 0 0;font-size:12px;line-height:1.7}.course-meta{color:var(--course-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px;font-size:12px;display:flex}.courses .course-empty{text-align:center;padding:32px 16px}.courses .course-empty h2{margin-bottom:6px}.courses .course-empty p{margin:0;font-size:13px}.courses .course-toolbar{flex-wrap:wrap;align-items:center;gap:8px;width:auto;height:auto;margin:16px 0;display:flex;position:static}.courses .course-filters{align-items:flex-end;gap:12px;margin:0 0 20px}.course-filters label{flex:130px}.course-filters label:first-child{flex:2 220px}.courses label{color:var(--course-muted);margin:10px 0;font-size:12px;display:block}.courses .course-filters label{margin:0}.courses .course-prerequisite-picker{border:1px solid var(--course-border);border-radius:8px;min-width:0;margin:14px 0;padding:12px}.courses .course-prerequisite-picker legend{padding:0 6px;font-size:13px}.courses .course-prerequisite-picker label{color:var(--course-text);align-items:center;gap:8px;display:flex}.courses .course-prerequisite-picker input[type=checkbox]{flex:none;width:auto;margin:0}.courses .course-prerequisites{margin:0 0 18px;padding-inline-start:22px}.courses .course-prerequisites small{color:var(--course-muted);margin-inline-start:10px}.courses button,.courses input,.courses select,.courses textarea{max-width:100%;font:inherit}.courses button,.courses .course-primary{color:#b4bdcc;cursor:pointer;background:0 0;border:1px solid #cacbdb1f;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:7px 12px;font-size:12px;line-height:1.6;display:inline-flex}.courses button:hover:not(:disabled){color:var(--course-text);border-color:#cacbdb47}.courses #course-check,.courses #course-enroll,.courses #course-complete,.courses .course-primary,.courses .course-admin-form>button:last-child{color:var(--course-accent);background:#247fff1a;border-color:#247fff59}.courses #course-check:hover,.courses #course-enroll:hover,.courses #course-complete:hover,.courses .course-primary:hover{color:var(--course-text);border-color:#247fff99}.courses button:disabled{opacity:.4;cursor:not-allowed}.courses .course-support{gap:6px 8px}.courses .course-support .course-support-button{min-height:40px;color:var(--course-muted);font-variation-settings:var(--font-dot-style),"wght" 400;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;gap:6px;padding:8px 10px;font-weight:400;transition:background-color .16s,border-color .16s,color .16s}.course-support-button svg{flex:0 0 16px;width:16px;height:16px}.courses .course-support .course-support-hint{border-color:var(--ui-accent-soft,#1b2b44);background:var(--ui-accent-soft,#1b2b44);color:var(--course-accent)}.courses .course-support .course-support-hint:hover:not(:disabled){border-color:var(--course-accent);background:var(--ui-accent-soft,#1b2b44);color:var(--course-text)}.courses .course-support .course-support-help:hover:not(:disabled){border-color:var(--course-border);background:var(--ui-surface-hover,#202731);color:var(--course-text)}.courses .course-support .course-support-button:active:not(:disabled){background:var(--ui-inset,#12171e)}@media (prefers-reduced-motion:reduce){.courses .course-support .course-support-button{transition:none}}.courses .course-activity-intro h2{margin-bottom:4px}.courses .course-activity-intro p{color:#b4bdcc;margin:0 0 18px;font-size:13px}.course-editor-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.courses .course-editor-header label{color:var(--course-text);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.course-language{color:var(--course-muted);font:11px Consolas,monospace}.courses #course-reset{min-height:36px;color:var(--course-muted);white-space:nowrap;border-color:#0000;gap:5px;padding:6px}.courses #course-reset svg{width:15px;height:15px}.courses #course-reset:hover:not(:disabled){background:var(--ui-surface-hover,#202731);border-color:#0000}.courses .course-input-options{border-bottom:1px solid var(--course-border);margin-top:14px;padding:10px 0}.courses .course-input-options summary{cursor:pointer;color:#b4bdcc;width:fit-content;font-size:12px}.courses .course-input-options p{margin:10px 0;font-size:12px}.courses .course-execution-actions{gap:10px;margin:18px 0}.courses .course-execution-actions #course-check{gap:8px;min-height:44px;padding:10px 18px}.course-execution-actions #course-check svg{width:18px;height:18px}.courses .course-result{border-top:1px solid var(--course-border);padding-top:16px}.courses .course-result h3{margin-bottom:8px;font-size:13px}.courses .course-result pre{margin:0}.courses #course-feedback:not(:empty){border-radius:8px;margin:12px 0 0;padding:12px;font-size:13px}.courses #course-feedback.success{background:#22c55e12}.courses #course-feedback.error{background:#f871710f}.courses .course-next-action{color:#fff;background:#2867d2;border-color:#2867d2;gap:10px;min-height:44px;margin-top:16px;padding:10px 18px}.courses .course-next-action:hover{color:#fff;background:#3477e3}.courses .course-step-navigation{z-index:5;border:1px solid var(--course-border);background:var(--ui-surface,#191e25);border-radius:14px;gap:12px;margin:24px 0 8px;padding:10px;display:flex;position:static;bottom:12px;box-shadow:0 8px 28px #00000038}.courses .course-step-link{border:1px solid var(--course-border);min-width:0;min-height:56px;color:var(--course-text);border-radius:10px;flex:1;align-items:center;gap:12px;padding:10px 14px;display:flex}.course-step-link svg{flex:0 0 20px;width:20px;height:20px}.course-step-copy{min-width:0}.course-step-copy strong{font-size:14px;line-height:1.5;display:block}.course-step-copy>span{text-overflow:ellipsis;white-space:nowrap;opacity:.75;font-size:11px;display:block;overflow:hidden}.courses .course-step-next{color:#fff;background:#2d68d2;border-color:#2d68d2;justify-content:space-between;margin-inline-start:auto}.courses .course-step-next:hover{color:#fff;background:#3475e3;border-color:#3475e3}.courses .course-step-previous:hover{background:var(--ui-surface-hover,#202731)}.courses #course-stop:not(:disabled){color:#fca5a5}.courses input:not([type=checkbox]):not([type=radio]),.courses select,.courses textarea{width:100%;color:var(--course-text);box-shadow:none;background:#070f1ab8;border:1px solid #cacbdb1a;border-radius:8px;margin-top:6px;padding:10px 12px;font-size:13px;line-height:1.7;display:block}.courses input[type=checkbox],.courses input[type=radio]{accent-color:#247fff}.courses .course-editor,.courses textarea[dir=ltr],.courses pre{text-align:left;tab-size:4;direction:ltr;font-family:codefont,Consolas,monospace!important}.courses .course-editor{color:#d7dbe6;white-space:pre;resize:vertical;background:#070f1a;min-height:260px;padding:14px;font-size:13px;line-height:1.8}.course-learning{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;min-width:0;display:grid}.courses .lesson-content{overflow-wrap:anywhere;line-height:1.9}.courses article.lesson-content{background:0 0;border:0;border-radius:0;padding:0}.courses .lesson-content p{color:#b4bdcc}.courses .lesson-content h2{margin-top:22px}.courses .lesson-content h2:first-child{margin-top:0}.courses .lesson-content pre,.courses .course-activity pre{border:1px solid var(--course-border);color:#cbd5e1;background:#070f1a;border-radius:8px;margin:12px 0;padding:12px;font-size:12px;line-height:1.8;overflow:auto}.courses .course-activity pre{white-space:pre-wrap;overflow-wrap:anywhere;min-height:40px;max-height:320px}.course-activity iframe{color-scheme:light;background:#fff;border:1px solid #cacbdb1a;width:640px;max-width:none;height:480px}.course-activity #course-preview{overflow:auto}.courses #course-save-status{margin:8px 0 0;font-size:11px}.courses #course-feedback:empty{display:none}.courses :focus-visible{outline-offset:3px;outline:2px solid #247fff}.course-badge{object-fit:contain;flex:0 0 48px;width:48px;height:48px}.course-completion-badge{align-items:center;gap:12px;margin:20px 0;display:flex}.courses .course-completion-badge p{margin:0;font-size:12px}.courses .course-syllabus{margin-top:28px}.course-step-list{margin:0;padding-inline-start:20px}.course-step-list li{border-bottom:1px solid var(--course-border);color:#b4bdcc;padding:8px 0;font-size:13px}.course-step-list li:last-child{border:0}.courses .course-step-list li.is-completed{background:#22c55e12;border-radius:8px;padding-inline:12px}.courses .course-step-list li.is-completed::marker,.courses .course-step-list li.is-completed>a{color:#86efac}.courses .course-step-list li.is-completed>a:hover{color:#bbf7d0;text-decoration:underline}.courses .course-completion-status{color:#bbf7d0;background:#163729;border:1px solid #86efac38;border-radius:7px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;line-height:1.7;display:inline-flex}.courses .course-completion-status[hidden]{display:none}.course-step-list .course-completion-status{margin-inline-start:10px}.course-step-copy>.course-completion-status{white-space:normal;opacity:1;margin-top:5px}.course-step-list small{color:var(--course-muted);margin-inline-start:12px;font-size:11px}.courses .course-access-label{color:var(--course-muted);margin-inline-start:8px;font-size:11px;font-weight:400}.course-admin-form{max-width:850px}.courses .course-check-row{border:1px solid var(--course-border);border-radius:8px;margin:12px 0;padding:14px}.courses legend{color:var(--course-muted);font-size:12px}.course-admin-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:16px 0;display:flex}.course-admin-actions form{display:inline-block}.courses .error{color:#fca5a5}.courses .success{color:#86efac}.courses [hidden]{display:none!important}@media (width<=700px){.courses{padding:22px 12px 28px}.courses h1{font-size:28px}.courses>header>p{font-size:14px}.course-learning{display:block}.courses article.lesson-content{margin:20px 0}.courses .course-editor{min-height:230px}.courses .course-execution-actions #course-check{flex:1}.courses .course-step-navigation{bottom:calc(8px + env(safe-area-inset-bottom,0px));gap:8px;padding:8px}.courses .course-step-link{gap:6px;padding:10px}.course-list-cover{flex-basis:48px;width:48px;height:48px}.course-filters label:first-child{flex-basis:100%}}