/* A checkpoint reads as one question, one answer and one next action. */
#quest-dialog.checkpoint-dialog{width:min(680px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)}
#quest-dialog.checkpoint-dialog.interactive-task-dialog{width:min(900px,calc(100vw - 28px))!important}
#quest-dialog.checkpoint-dialog>.dialog-top{padding:14px 24px}
#quest-dialog.checkpoint-dialog .checkpoint-content{padding:22px 28px 25px;font-family:var(--sans,system-ui)}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;font:500 12px/1.5 var(--sans,system-ui);color:#aeb7c6}
#quest-dialog.checkpoint-dialog .checkpoint-content #checkpoint-status{font-weight:400;white-space:nowrap;color:#aeb7c6}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-progress{height:2px;background:#ffffff18;margin:12px 0 20px;overflow:hidden}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-progress>span{display:block;height:100%;background:#edb66b}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-scope{margin:0 0 7px;padding:0;background:none;border:0;font:400 12px/1.5 var(--sans,system-ui);color:#aeb7c6}
#quest-dialog.checkpoint-dialog .checkpoint-content h3#modal-title{margin:0 0 20px;font:600 23px/1.38 var(--sans,system-ui);letter-spacing:-.35px;text-transform:none;color:#f7f2e9}
#quest-dialog.checkpoint-dialog .checkpoint-content .choices{gap:8px}
#quest-dialog.checkpoint-dialog .checkpoint-content .answer{min-height:52px;padding:12px 14px;gap:12px;background:#ffffff03;border:1px solid #ffffff28;border-radius:5px;font:400 16px/1.45 var(--sans,system-ui);color:#e0e3e9;transform:none}
#quest-dialog.checkpoint-dialog .checkpoint-content .answer:hover:not(:disabled){background:#edb66b0c;border-color:#edb66b;transform:none}
#quest-dialog.checkpoint-dialog .checkpoint-content .answer-code{width:24px;height:24px;flex:0 0 24px;border:0;border-radius:3px;background:#ffffff0a;color:#b8c1cd;font:600 11px/1 var(--sans,system-ui)}
#quest-dialog.checkpoint-dialog .checkpoint-content button:focus-visible{outline:2px solid #f2c682;outline-offset:3px}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-attempt-note{margin:12px 0 0;font:400 11px/1.6 var(--sans,system-ui);color:#9faabc}
#quest-dialog.checkpoint-dialog .checkpoint-content #answer-feedback:empty,#quest-dialog.checkpoint-dialog .checkpoint-content #answer-actions:empty{display:none}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-result{margin:19px 0 0;padding:18px 0 0;border:0;border-top:1px solid #ffffff21;border-radius:0;background:none;box-shadow:none}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-result-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 16px}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-result-heading h4{display:flex;align-items:center;gap:7px;margin:0;font:600 16px/1.5 var(--sans,system-ui);letter-spacing:0;color:#a8d8bc}
#quest-dialog.checkpoint-dialog .checkpoint-content .is-wrong .checkpoint-result-heading h4{color:#ecc18d}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-result-heading h4>span{font-size:18px}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-outcome{font:500 12px/1.5 var(--sans,system-ui);color:#c3cbd6;white-space:nowrap}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-answer{margin:0 0 10px}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-answer>span{display:block;margin-bottom:4px;font:400 11px/1.5 var(--sans,system-ui);color:#aeb7c6}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-answer>strong{display:block;font:600 18px/1.5 var(--sans,system-ui);color:#f4eee4}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-explanation{margin:0;font:400 15px/1.65 var(--sans,system-ui);color:#c9d0db}
#quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-saved-note{margin:12px 0 0;font:400 11px/1.6 var(--sans,system-ui);color:#9faabc}
#quest-dialog.checkpoint-dialog .checkpoint-content #answer-actions{margin-top:20px}
#quest-dialog.checkpoint-dialog .checkpoint-content #answer-actions .main-button{display:block;width:100%;min-height:48px;margin:0;font:600 16px/1.4 var(--sans,system-ui)}

/* Keep scenario data and controls; remove the terminal's second layer of chrome. */
#quest-dialog.checkpoint-dialog .checkpoint-content .trading-task{margin:10px 0 0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-terminal-top{display:none}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-terminal-body{padding:0}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-terminal-body h4{font:600 16px/1.4 var(--sans,system-ui);letter-spacing:0;margin:0 0 12px;color:#cbd5df}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-brief-strip{padding:10px 0;border-color:#ffffff18}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-brief-strip>span{font-size:9px;letter-spacing:.2px}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-brief-strip b{font-size:17px;margin-top:3px}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-instruction{font-size:12px;line-height:1.6;margin:10px 0}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-commit-row{margin-top:13px;padding-top:13px;border-color:#ffffff18}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-commit-row>span{font-size:11px;line-height:1.5}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-commit-row .main-button{min-height:46px;font-size:14px}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-option-grid:not(.task-time-options) .task-option{font-size:14px;line-height:1.5;min-height:54px;border-radius:4px}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-time-options .task-option{font-size:15px;min-height:74px}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-range-heading label{font-size:13px;line-height:1.5}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-range-labels{font-size:10px}
#quest-dialog.checkpoint-dialog .checkpoint-content .task-simulation-note{font-size:10px;line-height:1.5;margin-top:10px;color:#8e9daf}
#quest-dialog.checkpoint-dialog .checkpoint-content .input-task{padding:15px 0;border:0;border-radius:0;background:none}
#quest-dialog.checkpoint-dialog .checkpoint-content .input-task label{font-size:14px;line-height:1.5}
#quest-dialog.checkpoint-dialog .checkpoint-content .input-task input[type=range]{min-height:44px}

@media(max-width:600px){
  #quest-dialog.checkpoint-dialog{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)}
  #quest-dialog.checkpoint-dialog>.dialog-top{padding:13px 18px}
  #quest-dialog.checkpoint-dialog .checkpoint-content{padding:18px 20px 21px}
  #quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-progress{margin-bottom:18px}
  #quest-dialog.checkpoint-dialog .checkpoint-content h3#modal-title{font-size:21px;line-height:1.4;margin-bottom:18px}
  #quest-dialog.checkpoint-dialog .checkpoint-content .answer{min-height:54px;font-size:16px;padding:12px;gap:10px}
  #quest-dialog.checkpoint-dialog .checkpoint-content .checkpoint-explanation{font-size:16px;line-height:1.6}
  #quest-dialog.checkpoint-dialog .checkpoint-content .task-option-grid:not(.task-time-options) .task-option{font-size:16px;min-height:54px}
  #quest-dialog.checkpoint-dialog .checkpoint-content .task-instruction{font-size:13px}
  #quest-dialog.checkpoint-dialog .checkpoint-content .task-commit-row .main-button{min-height:48px;font-size:15px}
  #quest-dialog.checkpoint-dialog .checkpoint-content .task-brief-strip>span{font-size:8px}
  #quest-dialog.checkpoint-dialog .checkpoint-content .task-monitor-grid span{font-size:8px;line-height:1.5}
  #quest-dialog.checkpoint-dialog .checkpoint-content .task-weekend-context strong{font-size:15px}
  #quest-dialog.checkpoint-dialog .checkpoint-content .task-weekend-context p{font-size:13px;line-height:1.6}
}