body.scoring-context-modal-open{overflow:hidden}body.scoring-context-modal-open::before{content:"";position:fixed;inset:0;z-index:9996;background:rgba(7,24,39,.7);backdrop-filter:blur(2px)}.scoring-context-workspace{margin-top:16px}.scoring-context-workspace.scoring-context-modal-active:not([hidden]){position:fixed;inset:2vh 2vw;z-index:9997;width:auto;height:96dvh;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(4,23,38,.34);display:flex;flex-direction:column;overflow:hidden}.scoring-context-modal-close{position:absolute;top:12px;right:14px;z-index:8;width:40px;height:40px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:1.5rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(4,23,38,.12)}.scoring-context-rotate-prompt{display:none}.scoring-context-workspace .section-head{flex:0 0 auto;padding-right:52px;margin-bottom:5px}.scoring-context-nav-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:2px 0 8px}.scoring-context-nav{min-height:32px;border:1px solid var(--line);border-radius:9px;background:#f7fafc;color:#47616c;font-weight:900;cursor:pointer}.scoring-context-nav.current{border-color:var(--teal);background:#e7f5f3;color:#145d64}.scoring-context-nav.complete{border-color:#78b69b;background:#e9f6ef;color:#216246}.scoring-context-nav.recommended{border-color:#d7ad52;background:#fff7dc;color:#775916}.scoring-context-nav.retry{border-color:#d69b50;background:#fff0df;color:#84551f}.scoring-context-nav:disabled{opacity:.5;cursor:not-allowed}.scoring-context-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:12px;min-height:0;flex:1 1 auto}.scoring-context-visual-column,.scoring-context-question-column{min-width:0;min-height:0}.scoring-context-visual-column{display:flex;flex-direction:column}.scoring-context-question-column{overflow:auto;padding:2px 4px 4px}.scoring-context-workspace.question-only .scoring-context-layout{grid-template-columns:1fr}.scoring-context-workspace.question-only .scoring-context-visual-column{display:none}.scoring-context-trace{position:relative;flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:auto;padding:42px 10px 10px;border:1px solid var(--line);border-radius:16px;background:#f7fafc;overscroll-behavior-inline:contain}.scoring-context-trace canvas{display:block;max-width:none}.scoring-context-scroll-cue{margin:6px 2px 0;font-size:.82rem;font-weight:800;color:var(--muted);text-align:center}.scoring-context-workspace .spg-visual-disclosure{margin:5px 0 0}.scoring-context-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.scoring-context-options .btn,.scoring-context-evidence-options .btn{min-height:48px;font-weight:850;white-space:normal;line-height:1.35}.scoring-context-options .btn.selected{border-color:var(--teal);background:#e7f5f3;color:#145d64;box-shadow:inset 0 0 0 1px var(--teal)}.scoring-context-options .context-correct{border-color:#278b72;background:#e9f8f3;color:#165f50}.scoring-context-options .context-wrong{border-color:#c8872e;background:#fff3e2;color:#855615}.scoring-context-confirmation{border:1px solid #c4d7e1;border-radius:14px;background:#f7fbfd;padding:12px;margin-top:10px}.scoring-context-confirmation>strong{display:block;color:var(--navy);font-size:1.03rem}.scoring-context-confirmation p{margin:6px 0 0}.scoring-context-feedback,.scoring-context-evidence{margin-top:10px}.scoring-context-evidence-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.scoring-context-evidence-options .context-evidence-solved{border-color:#278b72;background:#e9f8f3;color:#165f50}.scoring-context-evidence-options .context-evidence-revealed{outline:3px solid rgba(183,122,16,.35);border-color:#b77a10;background:#fff7e7}.scoring-context-toolbar{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:0 0 auto;margin-top:8px}.scoring-context-source{margin-top:18px}.scoring-context-source em{font-weight:700}.scoring-summary [data-scoring-context-summary] strong{font-size:1rem}.scoring-context-trace:fullscreen,.scoring-context-trace:-webkit-full-screen{background:#fff;padding:58px 20px 20px;overflow:auto}.scoring-context-trace:fullscreen canvas,.scoring-context-trace:-webkit-full-screen canvas{margin:auto}
@media(max-width:950px) and (orientation:landscape){.scoring-context-workspace.scoring-context-modal-active:not([hidden]){inset:0;width:100vw;height:100dvh;border:0;border-radius:0;padding:7px 9px}.scoring-context-workspace .section-head{padding-right:44px;margin-bottom:2px}.scoring-context-workspace .section-head .eyebrow,.scoring-context-workspace .section-head .status{font-size:.68rem}.scoring-context-workspace .section-head h3{font-size:1.02rem}.scoring-context-nav-row{margin:0 0 4px;gap:3px}.scoring-context-nav{min-height:25px;font-size:.67rem}.scoring-context-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:7px}.scoring-context-trace{padding:34px 5px 5px}.scoring-context-scroll-cue{font-size:.67rem;margin-top:3px}.scoring-context-workspace .spg-visual-disclosure{font-size:.66rem;padding:5px 7px;margin-top:3px}.scoring-context-question-column .report-intro{font-size:.74rem;margin:0 0 4px}.scoring-context-options,.scoring-context-evidence-options{gap:4px;margin-top:4px}.scoring-context-options .btn,.scoring-context-evidence-options .btn{min-height:32px;padding:5px 7px;font-size:.7rem}.scoring-context-confirmation,.scoring-context-question-column .notice,.scoring-context-question-column .scoring-evidence-task{padding:7px 8px;font-size:.7rem;line-height:1.28}.scoring-context-toolbar{margin-top:4px;gap:4px}.scoring-context-toolbar .btn{min-height:31px;padding:5px 8px;font-size:.68rem}.scoring-context-modal-close{top:6px;right:7px;width:32px;height:32px;font-size:1.2rem}}
@media(max-width:900px) and (orientation:portrait){.scoring-context-workspace.scoring-context-modal-active:not([hidden]){inset:0;width:100vw;height:100dvh;border:0;border-radius:0;padding:12px}.scoring-context-workspace.scoring-context-modal-active>*:not(.scoring-context-rotate-prompt):not(.scoring-context-modal-close){visibility:hidden;pointer-events:none}.scoring-context-workspace.scoring-context-modal-active .scoring-context-rotate-prompt{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px;text-align:center;background:#f7fafc;color:var(--ink)}.scoring-context-rotate-prompt strong{font-size:1.35rem}.scoring-context-rotate-prompt span{max-width:29rem;color:var(--muted);font-weight:700;line-height:1.5}.scoring-context-rotate-icon{font-size:3rem;line-height:1}.scoring-context-modal-close{z-index:7}}
@media(max-width:700px){.scoring-context-options,.scoring-context-evidence-options{grid-template-columns:1fr}}@media(max-width:560px){.scoring-context-trace{padding:38px 8px 8px}.scoring-context-scroll-cue{font-size:.78rem}.scoring-context-options .btn,.scoring-context-evidence-options .btn{min-height:52px}}
