/* O acompanhamento fica sempre abaixo do conteudo da aula, em todas as telas. */
.course-lesson-content {
  grid-template-columns: minmax(0, 1fr) !important;
}

.course-engagement {
  width: min(100%, 360px) !important;
  justify-self: center !important;
  margin: 30px auto 0 !important;
}

.course-player-actions {
  grid-column: 1 !important;
  width: 100%;
}

@media (max-width: 780px) {
  .course-engagement {
    width: min(100%, 300px) !important;
    margin-top: 26px !important;
  }
}