#workspace-training{position:fixed;right:0;top:var(--header-h,0px);bottom:0;width:420px;max-width:100vw;box-sizing:border-box;overflow:auto;background:#fff;border:2px solid #2459a6;padding:22px;z-index:190;font:15px/1.55 'DM Sans',sans-serif;color:#18385c}#workspace-training h2{font-size:20px;margin:0 0 12px}#workspace-training ol{padding-left:25px}#workspace-training li{padding:12px 8px;margin:10px 0;background:#f1f5fc;border-radius:8px}#workspace-training .wg-done{background:#edf8f0;color:#176b53}#workspace-training .wg-current{outline:2px solid #2459a6}body.wg-open .main-content{margin-right:420px!important;width:calc(100% - 420px)!important}body.wg-open .main-content.with-rail{width:auto!important}body.wg-open .entry{margin-right:440px;margin-left:auto;max-width:520px}#workspace-training [role=status]{font-weight:600}@media(max-width:700px){#workspace-training{top:auto;height:42dvh;width:100vw;border-width:2px 0 0}body.wg-open .main-content{margin-right:0!important;width:auto!important;padding-bottom:calc(42dvh + 24px)}body.wg-open .entry{margin:24px auto calc(42dvh + 40px);max-width:520px}}

#workspace-training[hidden]{display:none}

.wg-chooser{position:fixed;inset:0 420px 0 0;width:min(560px,calc(100vw - 480px));height:fit-content;max-height:calc(100dvh - 80px);overflow:auto;box-sizing:border-box;margin:auto;border:2px solid #2459a6;border-radius:16px;padding:24px;background:white;color:#18385c;font:16px/1.5 'DM Sans',sans-serif}.wg-chooser::backdrop{background:linear-gradient(to right,#10253255 calc(100% - 420px),transparent calc(100% - 420px))}.wg-chooser form{text-align:right}.wg-chooser button{display:block;width:100%;padding:12px;margin:10px 0;border:1px solid #b8cbea;border-radius:8px;background:#edf3fc;color:#18385c;font:inherit;cursor:pointer}.wg-chooser form button{width:auto;margin-left:auto}.wg-chooser button:disabled{opacity:.6;cursor:wait}.wg-chooser h2{margin:0 0 16px}@media(max-width:700px){.wg-chooser{inset:12px 12px calc(42dvh + 12px);width:calc(100vw - 24px);max-height:calc(58dvh - 24px);padding:16px}.wg-chooser::backdrop{background:linear-gradient(to bottom,#10253255 58%,transparent 58%)}}

#workspace-training li.wg-done{background:#dff3e6;border:1px solid #84b99b;color:#124d38}
#workspace-training .wg-lesson-state{padding:12px 16px;border:2px solid #2459a6;border-radius:10px;background:#e7f0ff;color:#173f78;font-size:18px;font-weight:700}
#workspace-training li.wg-needs-hint{background:#fff2cc;outline:2px solid #b17b15;color:#66420b}