/* Shared teacher viewer. Screen layout is independent of every printable document. */
@media screen{
 #teacher #teacherActivityPanel{width:100%;max-width:1100px;margin:30px auto 0;min-width:0;border:2px solid white;border-radius:26px;background:#f8f4fd;box-shadow:0 10px 28px #6540b512;scroll-margin-top:110px}
 #teacher #teacherActivityPanel[hidden]{display:none}
 #teacher .teacher-panel-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 24px;border-bottom:1px solid #e2d7f0;background:#f0e8fa;border-radius:24px 24px 0 0}
 #teacher .teacher-panel-eyebrow{font-size:12px;letter-spacing:1px;font-weight:800;color:#795a9b}
 #teacher #teacherActivityTitle{font-size:28px;line-height:1.35;margin:6px 0 0;color:#6540b5;word-break:normal;overflow-wrap:normal}
 #teacher #teacherActivityClose{min-height:48px;padding:12px 17px;border:0;border-radius:14px;font:inherit;font-size:16px;font-weight:750;background:#6540b5;color:white}
 #teacher #teacherActivityClose:focus-visible,#teacher #teacherActivityTitle:focus-visible{outline:3px solid #6040aa;outline-offset:4px}
 #teacher #teacherActivityBody{min-width:0;width:100%}
 #teacher #teacherActivityBody>.teacher-category-content{position:static;float:none;display:block;min-width:0;width:100%;max-width:100%;margin:0;padding:24px;border:0;background:transparent;container-name:teacherPanel;container-type:inline-size}
 #teacher #teacherActivityBody>.teacher-category-content>*{min-width:0;max-width:100%}
 #teacher .teacher-categories>.teacher-category.teacher-category-active{outline:3px solid #9471c4;outline-offset:2px}
 #teacher #teacherActivityPanel :is(.matching-card,.matching-card-copy,.safety-question-title,.kcb-question-title,.safety-feedback,.kcb-feedback,.teacher-pano-card h5,.teacher-coloring-card h4,.kcb-options label>span){word-break:normal;overflow-wrap:normal;hyphens:none;white-space:normal}
 #teacher #teacherActivityPanel :is(.safety-paper,.kcb-paper){max-width:none;width:100%;padding:24px}
 #teacher #teacherActivityPanel .matching-card{min-height:0;padding:16px;line-height:1.6}
 #teacher #teacherActivityPanel :is(.safety-questions,.matching-stack){gap:16px}
 #teacher #teacherActivityPanel .kcb-question{margin:16px 0}
 #teacher #teacherActivityPanel :is(.safety-question,.kcb-question){padding:18px}
 #teacher #teacherActivityPanel :is(.teacher-coloring-actions,.teacher-pano-actions,.safety-actions,.kcb-actions,.word-search-toolbar,.matching-actions){gap:10px}
 @container teacherPanel (max-width:600px){
  #teacher #teacherActivityPanel :is(.teacher-coloring-grid,.teacher-pano-grid,.safety-material-card){grid-template-columns:1fr}
  #teacher #teacherActivityPanel .teacher-pano-group:nth-of-type(3) .teacher-pano-grid{grid-template-columns:1fr}
  #teacher #teacherActivityPanel .safety-mini{justify-self:center}
 }
 @media(max-width:700px){
  #teacher #teacherActivityPanel{margin-top:22px;border-radius:22px}
  #teacher .teacher-panel-bar{padding:18px 16px;gap:14px;border-radius:20px 20px 0 0}
  #teacher #teacherActivityTitle{font-size:25px}
  #teacher #teacherActivityClose{width:100%}
  #teacher #teacherActivityBody>.teacher-category-content{padding:16px 12px}
  #teacher #teacherActivityPanel :is(.safety-paper,.kcb-paper){padding:16px 12px}
  #teacher #teacherActivityPanel :is(.safety-question,.kcb-question){padding:16px 12px}
 }
}
@media print{#teacherActivityPanel>.teacher-panel-bar{display:none}}