/* Give the student header controls their own row when the title needs the width. */
@media (max-width: 560px) {
  body[data-s5-page="memory"] .memory-student-topbar {
    flex-wrap: wrap;
  }

  body[data-s5-page="memory"] .memory-student-top-left,
  body[data-s5-page="memory"] .memory-student-top-right {
    flex: 0 0 100%;
    min-width: 0;
  }

  body[data-s5-page="memory"] .memory-student-top-right {
    justify-content: flex-start;
  }

  body[data-s5-page="memory"] .memory-title-wrap span {
    overflow-wrap: anywhere;
  }
}