/* Keep the completed editor's title text and status badge in separate columns.
 * The existing heading text is an anonymous grid item: only that column wraps.
 * Desktop and the ordinary classroom session retain their existing layout. */
@media(max-width:768px){
 .classroomFlow[data-classroom-view="completed"] .classroomSessionBar>div:first-child>h2{
  display:grid;
  grid-template-columns:minmax(0,max-content) max-content;
  align-items:center;
  justify-content:start;
  column-gap:6px;
  overflow-wrap:anywhere;
 }
 .classroomFlow[data-classroom-view="completed"] .classroomSessionBar>div:first-child>h2>.classroomCompletedModeBadge{
  margin:0;
  align-self:center;
 }
}