/* The video workspace uses the same local-first workbench as the history course. */
.brand-version{font-size:11px;font-style:normal;color:#c7d6af;font-weight:500;letter-spacing:0}
.mode-switch button{padding:9px 11px}
#videoWorkspace{display:none}
body[data-workspace="video"] #videoWorkspace{display:block}
body[data-workspace="video"] #teachingWorkspace,body[data-workspace="video"] .explorer,body[data-workspace="video"] .story-shelf,body[data-workspace="video"] .thinking-strip{display:none}
.video-workspace{padding-bottom:30px}
.video-workspace .secondary-button{color:#496640;background:#e8efdf;border-color:#b9cba9}
.video-workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:25px}
.video-workspace-heading h1{font-size:28px;font-weight:500;margin:8px 0}
.video-workspace-heading p{color:#96aea5;font-size:12px;margin:0}
.video-workspace-heading>span{font-size:11px;color:#b7c9bf;white-space:nowrap}
.video-mode-tabs{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3d5148;margin-bottom:22px}
.video-mode-tabs>div{display:flex;gap:26px}
.video-mode-tabs button{font:inherit;font-size:13px;border:0;background:none;color:#a6bab0;padding:12px 2px;border-bottom:2px solid transparent;cursor:pointer}
.video-mode-tabs button.active{color:#dcebd3;border-color:#bad1a2}
.video-mode-tabs>span{font-size:11px;color:#bcae8b}
.video-resources{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}
.video-resource{border:1px solid #3a5549;background:#183b30;padding:23px 25px;color:#edf4e8;min-width:0;transition:border-color .2s}
.video-resource.documentary{background:#332e24;border-color:#625746}
.video-resource.selected{box-shadow:inset 4px 0 #bfd8a3}
.video-resource.documentary.selected{box-shadow:inset 4px 0 #cfb58d}
.video-resource-top{display:flex;justify-content:space-between;color:#bad0bb;font-size:10px;letter-spacing:1px}
.documentary .video-resource-top{color:#d2c1a5}
.video-resource-top small{font-size:10px;letter-spacing:0}
.video-resource h2{font-size:21px;line-height:1.5;font-weight:500;margin:14px 0 6px}
.video-resource p{font-size:12px;color:#b5c9bb;margin:0 0 18px;line-height:1.6}
.documentary p{color:#cbbfaa}
.video-resource label{font-size:10px;color:#bdcfc2;display:block}
.video-resource select{display:block;background:#f1f4e9;color:#284336;border:1px solid #9db697;padding:10px;font:inherit;font-size:12px;max-width:100%;width:100%;margin-top:6px;border-radius:2px}
.video-select-button{width:100%;padding:12px 0 0;border:0;background:none;text-align:left;color:#dce9cc;font:inherit;font-size:12px;cursor:pointer;display:flex;justify-content:space-between}
.documentary .video-select-button{color:#e4cfad}
.video-workboard{background:#f3f6ef;border:1px solid #d0dbcd;border-radius:4px;color:#274137;overflow:hidden}
.video-current-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 30px;border-bottom:1px solid #ccd9c6}
.video-current-heading h2{font-size:23px;font-weight:500;line-height:1.5;margin:7px 0}
.video-current-heading .eyebrow{color:#617b69;font-size:10px;letter-spacing:1px}
.video-current-heading p{margin:0;font-size:11px;color:#6c7c6e}
.video-current-heading>a{white-space:nowrap}
.video-code-row{padding:15px 30px;display:flex;align-items:flex-end;gap:25px;background:#ebf0e6}
.video-code-row label{font-size:10px;max-width:340px;flex:1}
.video-code-row input{display:block;margin-top:5px;font:inherit;font-size:12px;background:white;color:#274137;border:1px solid #b9cdb4;padding:8px 10px;max-width:100%;width:100%}
.video-code-row>span{font-size:10px;color:#6f7f6f;max-width:420px;line-height:1.8}
.video-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #bccfba;background:#e2ebdc}
.video-steps button{display:flex;align-items:center;gap:12px;padding:18px 22px;color:#54705d;background:none;border:0;border-right:1px solid #c9d8c2;border-bottom:3px solid transparent;font:inherit;font-size:13px;cursor:pointer;text-align:left}
.video-steps button:last-child{border-right:0}
.video-steps span{font-size:10px;border:1px solid #b6cbb0;border-radius:50%;height:26px;min-width:26px;display:grid;place-items:center}
.video-steps button.active{border-bottom-color:#4d8b69;background:#f3f6ef;color:#284f39}
.video-step-content{padding:30px}
.video-step-intro{max-width:950px;margin-bottom:24px}
.video-step-intro h3{font-size:23px;font-weight:500;line-height:1.5;margin:8px 0 10px}
.video-step-intro p{font-size:13px;color:#5d7565;line-height:1.9;margin:0}
.video-material-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px}
.video-material-grid h4{font-size:14px;margin:0 0 15px}
.video-metadata{display:grid;grid-template-columns:85px 1fr;gap:10px;font-size:12px;line-height:1.9}
.video-metadata dt{color:#67816c}
.video-metadata dd{margin:0;color:#3a5442}
.video-task-contract{padding-left:28px;border-left:1px solid #cedac8}
.video-task-contract ol{padding-left:18px;font-size:13px;line-height:2}
.video-task-contract li{padding-bottom:12px}
.video-boundary{border-top:1px solid #c5d5bd;padding:20px 0 0;margin-top:25px;line-height:1.9;color:#60745d;font-size:12px}
.video-boundary>b{color:#48623f;font-size:13px}
.video-boundary p{margin:5px 0 0}
.video-workboard-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#e8efdf;border-top:1px solid #cbd9bf;padding:20px 30px;margin:0;color:#5d7557}
.video-workboard-footer>span{font-size:11px;line-height:1.7}
.video-workboard-footer>div{display:flex;gap:10px;flex-shrink:0}
.video-workboard-footer button{font-size:12px}
.video-backup-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}
.video-backup-row>small{width:100%;color:#98aa9c;font-size:10px}
.video-backup-row button,.video-backup-row label{font-size:11px;cursor:pointer}
.video-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.video-evidence-card{padding:18px;background:#eaf0e4;border:1px solid #c7d7be;min-width:0}
.video-evidence-title{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #c0d2b5;padding-bottom:12px;margin-bottom:14px}
.video-evidence-title h4{font-size:16px;margin:0;font-weight:500}
.video-evidence-title>span{font-size:10px;color:#657e5a;white-space:nowrap}
.video-evidence-card label,.video-workspace .video-label{display:block;font-size:12px;line-height:1.8;margin:12px 0 6px;color:#3c5b3a}
.video-workspace .video-label{background:transparent;padding:0}
.video-evidence-card small,.video-workspace .video-label small{display:block;font-size:10px;color:#788d6b;line-height:1.8}
.video-workspace textarea,.video-evidence-card input{display:block;border:1px solid #b8cdaa;color:#28432e;background:#fcfdf8;padding:10px;font:inherit;font-size:13px;line-height:1.8;max-width:100%;width:100%;border-radius:2px;resize:vertical;box-sizing:border-box}
.video-workspace textarea::placeholder,.video-evidence-card input::placeholder{color:#91a085;font-size:11px}
.video-field-feedback{margin:4px 0;font-size:10px;color:#5c7750;min-height:18px;line-height:1.7}
.video-field-feedback.invalid{color:#a35d35}
.video-evidence-card>button{margin-top:12px;font-size:10px}
.video-quiz-list{counter-reset:questions}
.video-question{border:0;border-bottom:1px solid #ccd9c4;margin:0 0 24px;padding:0 0 18px;min-width:0}
.video-question legend{font-size:15px;line-height:1.8;margin-bottom:12px;padding:0;font-weight:500}
.video-question legend span{color:#6d8b5c;margin-right:3px}
.video-option{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.9;padding:9px 12px;margin:4px 0;background:#edf2e7;border:1px solid transparent;cursor:pointer}
.video-option:has(input:checked){border-color:#74a161;background:#e2edd9}
.video-option input{flex:none;accent-color:#497842;margin:6px 0 0}
.video-option>span{color:#788c6b;min-width:18px}
.video-declaration{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.9;margin:20px 0}
.video-declaration input{accent-color:#497842;margin-top:5px;flex:none}
.video-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0 0}
.video-action-row button{font-size:12px}
#videoSubmitFeedback,#videoImportFeedback{font-size:12px;line-height:1.9;color:#986235;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:16px}
.video-result-empty{font-size:12px;color:#728468;margin-top:25px}
.video-result{margin-top:25px;border-top:1px solid #c0d1b4;padding-top:24px}
.video-result-score{display:flex;align-items:center;gap:25px;padding:18px;background:#e2ecd9}
.video-result-score>b{font-size:38px;font-weight:400;color:#416d35}
.video-result-score>b small{font-size:18px;color:#7c946b}
.video-result-score strong,.video-result-score span{display:block;font-size:13px;line-height:1.8;font-weight:400}
.video-result-score span{font-size:11px;color:#7c7353}
.video-result details{padding:18px 0;border-bottom:1px solid #ccd9c4;font-size:12px;line-height:1.9}
.video-result details summary{cursor:pointer}
.video-result details article{border-top:1px solid #d1ddc9;padding:10px 0}
.video-result h4{font-size:12px;font-weight:500;line-height:1.8}
.video-result ul{font-size:11px;line-height:1.9;padding-left:18px;overflow-wrap:anywhere}
.video-teacher-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 30px;background:#eef3e8;color:#2a4533}
.video-teacher-intro h2{font-size:24px;font-weight:500;margin:8px 0}
.video-teacher-intro p{font-size:12px;line-height:1.9;color:#64805c;max-width:800px;margin:0}
.video-teacher-intro label{white-space:nowrap;cursor:pointer;font-size:12px}
.video-review-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}
.video-review-layout aside{border-top:1px solid #3e5346;padding-top:12px;min-width:0}
.video-review-layout aside h3{font-size:12px;color:#bfd0bb;font-weight:400;margin:0 0 15px}
#videoReviewList button{display:flex;flex-direction:column;text-align:left;gap:7px;width:100%;border:0;border-bottom:1px solid #3d5143;background:none;color:#d1dec8;padding:17px 12px;font:inherit;cursor:pointer}
#videoReviewList button.active{background:#254a34;border-left:2px solid #bad39d}
#videoReviewList b{font-size:13px;font-weight:500;overflow-wrap:anywhere}
#videoReviewList span{font-size:11px;line-height:1.8}
#videoReviewList small{font-size:10px;color:#a2b691}
#videoReviewDetail{background:#f1f5eb;padding:26px;color:#294431;min-width:0}
.video-review-empty{min-height:180px;display:grid;place-items:center;font-size:13px;color:#718767}
.video-review-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.video-review-heading h3{font-size:22px;font-weight:500;margin:8px 0}
.video-review-heading>strong{font-size:27px;font-weight:400;white-space:nowrap;color:#567d44}
.video-review-heading small{font-size:11px}
.video-review-heading .eyebrow{font-size:10px;color:#7c8f6d;overflow-wrap:anywhere}
.video-review-warning{font-size:11px;line-height:1.9;color:#9b7147;padding:12px;background:#f3efdf}
.video-reviewed-evidence{border-top:1px solid #c8d8be;padding:18px 0}
.video-reviewed-evidence>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}
.video-reviewed-evidence>div b{font-size:13px;font-weight:500}
.video-reviewed-evidence>div span{font-size:10px;color:#80956f}
.video-reviewed-evidence a{font-size:11px;color:#4a7750;margin-left:auto}
.video-reviewed-evidence h4,.video-reviewed-transfer h4{font-size:11px;margin:12px 0 4px;color:#789266;font-weight:400}
.video-reviewed-evidence p,.video-reviewed-transfer p{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.video-reviewed-transfer{border-top:1px solid #c8d8be;padding:10px 0 20px}
.video-review-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #c8d8be;padding-top:20px}
.video-review-form label{font-size:12px}
.video-review-form select{display:block;width:100%;max-width:100%;font:inherit;font-size:12px;margin-top:7px;padding:9px;border:1px solid #b5caa7;background:white;color:#294c32}
.video-mission-link{font:inherit;font-size:11px;line-height:1.8;background:none;color:#547b45;border:0;border-bottom:1px solid #adbea3;margin-top:10px;padding:0;cursor:pointer;text-align:left}
#videoTeacherPanel>.video-boundary{color:#a8bba0;border-color:#3c5542}
#videoTeacherPanel>.video-boundary>b{color:#c4d7b7}
body.projection-mode .video-step-intro p,body.projection-mode .video-option,body.projection-mode .video-workspace textarea{font-size:17px}
body.projection-mode .video-step-intro h3{font-size:28px}
@media(max-width:1200px){
  .masthead{gap:12px}.header-actions{gap:8px}.mode-switch button{padding:9px 8px;font-size:12px}
  .video-evidence-grid{gap:12px}.video-evidence-card{padding:14px}.video-evidence-title{align-items:flex-start;flex-direction:column;gap:5px}
}
@media(max-width:900px){
  .video-review-layout{grid-template-columns:1fr}.video-review-layout aside{max-height:250px;overflow:auto}
  .video-teacher-intro{align-items:flex-start;flex-direction:column;gap:15px}
  .video-evidence-grid{grid-template-columns:1fr}.video-evidence-title{flex-direction:row}
  .video-material-grid{grid-template-columns:1fr;gap:20px}.video-task-contract{border-left:0;border-top:1px solid #cedac8;padding:18px 0 0}
}
@media(max-width:700px){
  .mode-switch{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.mode-switch button{font-size:10px;padding:8px 5px;gap:5px;white-space:nowrap}.mode-switch svg{width:13px;height:13px}
  .brand-version{font-size:9px}.video-workspace-heading{align-items:flex-start;flex-direction:column;gap:10px}.video-workspace-heading h1{font-size:23px;line-height:1.6}.video-workspace-heading p{font-size:10px}.video-workspace-heading>span{font-size:9px}
  .video-mode-tabs>div{gap:20px}.video-mode-tabs button{font-size:11px}.video-mode-tabs>span{font-size:9px}
  .video-resources{grid-template-columns:1fr;gap:12px;margin-bottom:18px}.video-resource{padding:18px}.video-resource h2{font-size:19px}.video-resource p{font-size:10px;margin-bottom:12px}.video-resource select{font-size:11px}
  .video-current-heading{padding:20px 17px;align-items:flex-start;flex-direction:column;gap:13px}.video-current-heading h2{font-size:21px}.video-current-heading p{font-size:10px}.video-current-heading .primary-button{font-size:11px}
  .video-code-row{padding:13px 17px;align-items:stretch;flex-direction:column;gap:9px}.video-code-row label{max-width:none}.video-code-row>span{font-size:9px}
  .video-steps button{flex-direction:column;text-align:center;gap:6px;padding:12px 3px;font-size:10px;white-space:nowrap;align-items:center}.video-steps span{min-width:21px;height:21px;font-size:9px}
  .video-step-content{padding:22px 17px}.video-step-intro h3{font-size:21px}.video-step-intro p{font-size:12px}.video-step-intro .step-kicker{font-size:9px}
  .video-metadata{grid-template-columns:70px 1fr;font-size:11px;gap:8px}.video-material-grid h4{font-size:13px}.video-task-contract ol{font-size:12px}
  .video-boundary{font-size:11px}.video-boundary>b{font-size:12px}
  .video-workboard-footer{padding:16px 17px;flex-direction:column;align-items:stretch}.video-workboard-footer>span{font-size:10px}.video-workboard-footer>div{justify-content:space-between}.video-workboard-footer button{font-size:11px}
  .video-backup-row{gap:8px}.video-backup-row button,.video-backup-row label{font-size:10px;padding:8px}.video-backup-row small{font-size:9px;line-height:1.8}
  .video-evidence-grid{gap:15px}.video-evidence-card{padding:15px}.video-evidence-title h4{font-size:16px}.video-workspace textarea{font-size:12px}
  .video-question legend{font-size:14px}.video-option{font-size:12px;padding:9px 8px;gap:8px}.video-option>span{min-width:15px}.video-option input{margin-top:5px}
  .video-action-row{gap:8px}.video-action-row button{font-size:11px;padding:9px 10px}.video-result-score{gap:15px}.video-result-score>b{font-size:33px}.video-result-score span{font-size:10px}
  .video-teacher-intro{padding:20px 17px}.video-teacher-intro h2{font-size:21px}.video-teacher-intro p{font-size:11px}#videoReviewDetail{padding:20px 16px}.video-review-heading{align-items:flex-start;flex-direction:column;gap:0}.video-review-heading h3{font-size:20px}.video-review-heading>strong{font-size:23px}.video-review-form{grid-template-columns:1fr}.video-reviewed-evidence a{margin-left:0}.video-reviewed-evidence p,.video-reviewed-transfer p{font-size:12px}
}