.teacher-demo{max-width:1240px;margin:auto}.demo-banner{color:#14233d;background:#f3f7ff;border:1px solid #bacded;border-left:4px solid #3569e8;border-radius:8px;margin-bottom:28px;padding:16px 20px}.demo-banner p{margin:6px 0 0;line-height:1.55}.demo-navigation{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.demo-navigation a,.demo-next a,.demo-feature-note a{color:#244fae;text-underline-offset:3px;font-weight:600;text-decoration:underline}.teacher-demo select{color:#14233d;background:#fff;border:1px solid #bfcbdf;border-radius:7px;width:100%;min-width:0;min-height:46px;margin-top:8px;padding:10px;font-size:16px;display:block}.teacher-demo .octave-toggle input{flex-shrink:0;width:18px;height:18px;min-height:18px;margin:0}.teacher-demo .panel{min-width:0}.demo-message{min-height:24px;margin-bottom:12px}.demo-settings-preview{overflow-wrap:anywhere;background:#f3f7ff;border:1px solid #dce3ee;border-radius:8px;margin-top:20px;padding:16px}.demo-feature-note{margin-top:24px}.demo-feature-note summary{cursor:pointer;min-height:44px;font-weight:600}.demo-feature-note p{margin:12px 0;line-height:1.6}.demo-result-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.teacher-demo .table-scroll{max-width:100%;overflow-x:auto}.teacher-demo .table-scroll:focus-visible{outline-offset:3px;outline:3px solid #3569e8}.teacher-demo a:focus-visible{outline-offset:3px;outline:3px solid #3569e8}.teacher-demo select:focus-visible{outline-offset:3px;outline:3px solid #3569e8}.teacher-demo summary:focus-visible{outline-offset:3px;outline:3px solid #3569e8}.demo-next{margin-top:24px}.demo-next p{margin:12px 0}.demo-next a{min-height:44px;margin-right:24px;padding-top:8px;display:inline-block}.teacher-demo .demo-settings-preview h3,.teacher-demo .saved-presets option{overflow-wrap:anywhere}.teacher-demo [disabled]{cursor:not-allowed}.teacher-demo .demo-sample-assignments .assignment-actions{gap:8px}.teacher-demo .saved-presets .preset-buttons{margin-top:12px}.teacher-demo .note-report{flex-wrap:wrap}@media (max-width:800px){.demo-result-filters{grid-template-columns:1fr}.demo-navigation{margin-top:12px}.teacher-demo .topbar{flex-wrap:wrap}.teacher-demo .form-row{grid-template-columns:1fr}.teacher-demo .demo-banner{padding:14px}.teacher-demo .preset-buttons{flex-wrap:wrap}.teacher-demo .teacher-grid{grid-template-columns:1fr}}