.workspace-shell #trainers-view{max-width:1120px;margin:auto}
.workspace-shell[data-training-state=library] #training-title{display:none}
.workspace-shell[data-workspace-view=trainers][data-training-state=active] #workspace-title,.workspace-shell[data-workspace-view=trainers][data-training-state=completed] #workspace-title{display:none}
.workspace-shell #training-title{font-size:32px;line-height:1.25;margin:0 0 20px;letter-spacing:-.5px;overflow-wrap:anywhere}
.workspace-shell #training-intro-copy{max-width:760px;font-size:15px;line-height:1.7;margin:0 0 22px;color:var(--muted)}
.workspace-shell #training-display{padding:0;margin:0 0 0 auto;border:0;background:transparent;flex:none}
.workspace-shell #training-display label{display:flex;align-items:center;gap:7px;font-size:12px;margin:0;min-height:36px;padding:4px 0;cursor:pointer;font-weight:400;white-space:nowrap}
.workspace-shell #training-show-clock{width:16px;height:16px;min-height:16px;margin:0;accent-color:var(--signal);flex:none}
.workspace-shell #training-message{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.workspace-shell #training-message:empty{display:none}
.workspace-shell #training-list{display:grid;gap:26px}
.workspace-shell #training-list .training-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.workspace-shell #training-list .training-group>h2{grid-column:1/-1;font-size:20px;margin:8px 0 0}
.workspace-shell #training-list .card{display:flex;flex-direction:column;align-items:start;gap:10px;padding:22px;margin:0;background:var(--card);border:1px solid var(--line);border-radius:13px;min-width:0}
.workspace-shell #training-list h3,.workspace-shell #training-list .card>h2{font-size:20px;line-height:1.4;margin:0;overflow-wrap:anywhere}
.workspace-shell #training-list p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.workspace-shell #training-list button{margin:auto 0 0;padding:10px 16px;min-height:44px;width:auto;background:var(--signal);color:#171918;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:700}
.workspace-shell #training-list button:disabled{background:var(--surface);color:var(--muted);border-color:var(--line);opacity:1}
.workspace-shell #training-session{max-width:960px;margin:auto}
.workspace-shell .training-session-head{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 8px}
.workspace-shell #training-progress{font-size:14px;font-weight:700;margin:0;overflow-wrap:anywhere}
.workspace-shell #training-clock{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;margin:0}
.workspace-shell #training-meter{grid-column:1/-1;width:100%;height:7px;accent-color:var(--signal);border:0;border-radius:8px;overflow:hidden;background:var(--line)}
.workspace-shell #training-meter::-webkit-progress-bar{background:var(--line)}
.workspace-shell #training-meter::-webkit-progress-value{background:var(--signal)}
.workspace-shell #training-task{padding:28px;margin:0;border:1px solid var(--line);border-radius:13px;background:var(--card);overflow-wrap:anywhere;min-width:0}
.workspace-shell #training-task>h2{font-size:14px;color:var(--muted);margin:0 0 20px}
.workspace-shell #training-task .math-text,.workspace-shell .training-review .math-text{font-family:Georgia,serif;font-size:19px;line-height:1.8;white-space:pre-line}
.workspace-shell #training-task .diagram,.workspace-shell .training-review .diagram{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:18px auto;background:white;border-radius:6px}
.workspace-shell #training-task .solution-diagram,.workspace-shell .training-review .solution-diagram{width:min(100%,760px);max-height:none}
.workspace-shell #training-task label{font-size:13px;margin:22px 0 6px}
.workspace-shell #training-answer{max-width:360px;min-height:48px;font-size:19px;margin:0;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink)}
.workspace-shell #training-score{max-width:140px;min-height:44px;background:var(--surface);color:var(--ink);border-color:var(--line-strong);border-radius:8px}
.workspace-shell #training-task details{border-top:1px solid var(--line);margin:20px 0 0;padding-top:16px}
.workspace-shell #training-task summary{font-size:14px;color:var(--ink);cursor:pointer}
.workspace-shell #training-task .training-feedback{font-size:15px;font-weight:700;display:inline-block;margin:18px 0 4px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.workspace-shell #training-task .training-feedback.is-correct{color:var(--ink);border-color:#4f9276;background:#4f92761a}
.workspace-shell #training-task .training-feedback.is-wrong{color:var(--ink);border-color:var(--signal);background:var(--signal-soft)}
.workspace-shell #training-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 20px;align-items:center}
.workspace-shell #training-actions button{width:auto;min-height:46px;margin:0;padding:10px 18px;border:1px solid transparent;border-radius:8px;background:var(--signal);color:#171918;font-size:14px;font-weight:700}
.workspace-shell #training-actions #training-finish{margin-left:auto;background:transparent;border-color:var(--line-strong);color:var(--ink);font-weight:400;font-size:12px}
.workspace-shell #training-link-tools{margin:22px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow-wrap:anywhere}
.workspace-shell #training-link-tools summary{font-size:13px;cursor:pointer}
.workspace-shell #training-link-tools input{min-width:0;max-width:100%}
.workspace-shell #training-link-tools button{width:auto;border-color:var(--line-strong);background:var(--card);color:var(--ink)}
.workspace-shell #training-results{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:28px;overflow-wrap:anywhere}
.workspace-shell #training-results>h2{font-size:23px;margin:0 0 18px}
.workspace-shell #training-results p{line-height:1.7}
.workspace-shell #training-results .training-summary-score{font-size:30px;line-height:1.4;font-weight:700;color:var(--ink);margin:18px 0}
.workspace-shell #training-results>details{margin:22px 0;border-top:1px solid var(--line);padding-top:18px}
.workspace-shell #training-results .training-review{padding:18px;margin:12px 0;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.workspace-shell .training-review h3{font-size:15px;margin:0}
.workspace-shell #training-back,.workspace-shell #training-results>a{display:inline-block;width:auto;padding:10px 16px;margin:16px 0 0;color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;background:var(--card);font-size:13px;text-decoration:none}
@media(max-width:760px){.workspace-shell #training-title{font-size:27px}.workspace-shell #training-list .training-group{grid-template-columns:minmax(0,1fr)}.workspace-shell #training-task,.workspace-shell #training-results{padding:20px}.workspace-shell #training-task .math-text,.workspace-shell .training-review .math-text{font-size:18px}}
@media(max-width:480px){.workspace-shell #training-display{padding:0}.workspace-shell #training-list .card{padding:18px}.workspace-shell #training-task,.workspace-shell #training-results{padding:16px}.workspace-shell .training-session-head{grid-template-columns:minmax(0,1fr);gap:8px}.workspace-shell #training-actions{display:grid;grid-template-columns:minmax(0,1fr)}.workspace-shell #training-actions button{width:100%;font-size:13px}.workspace-shell #training-actions #training-finish{margin-left:0}.workspace-shell #training-results .training-summary-score{font-size:25px}.workspace-shell #training-results .training-review{padding:12px}.workspace-shell #training-answer{max-width:100%;min-width:0}}
