/* Responsive comment area and the limited CKEditor comment widget. */
.comments-section { overflow: hidden; }
.comment-list { min-width: 0; }
.comment-item,
.comment-item > .comment-content,
.comment-text,
.comment-text * { min-width: 0; overflow-wrap: anywhere; }
.comment-text :is(img, iframe, table, pre) { max-width: 100%; height: auto; }
.comment-text pre { overflow-x: auto; white-space: pre-wrap; }
.comment-form { min-width: 0; }
.comment-form .django-ckeditor-widget,
.comment-form .cke,
.comment-form .cke_inner,
.comment-form .cke_contents,
.comment-form textarea { width: 100% !important; max-width: 100% !important; }
.comment-form .cke { border-color: rgba(249, 115, 22, .22); border-radius: 16px; overflow: hidden; box-shadow: none; }
.comment-form .cke_top { background: #fff6eb; border-bottom-color: #f4dfc9; }
.comment-form .cke_bottom { background: #fffaf4; border-top-color: #f4dfc9; }
.comment-form .cke_contents { min-height: 150px; }
.comment-form .g-recaptcha { max-width: 100%; overflow: hidden; }
.favorite-button--saved { display: flex; align-items: center; justify-content: center; text-align: center; }
.lesson-duration .download-link { border: 0; background: transparent; cursor: pointer; font-family: inherit; padding: 0; }

@media (max-width: 560px) {
  .comments-section { padding: 1rem !important; }
  .comment-item { align-items: flex-start; gap: .7rem; }
  .comment-avatar { width: 38px; height: 38px; flex-basis: 38px; }
  .comment-reply { margin-right: -.7rem; padding-right: .7rem; }
  .comment-form-title { align-items: flex-start; gap: .7rem; }
  .comment-form h3 { font-size: .92rem; line-height: 1.7; }
  .comment-form .cke { border-radius: 12px; }
  .comment-form .cke_toolbar { white-space: normal !important; }
  .comment-form .g-recaptcha { transform: scale(.82); transform-origin: right top; margin-bottom: -10px; }
  .btn-submit, .more-comments { width: 100%; justify-content: center; }
}

@media (max-width: 360px) {
  .comment-item { display: block; }
  .comment-avatar { display: inline-grid; margin-bottom: .55rem; }
  .comment-reply { margin-right: 0; }
  .comment-form .g-recaptcha { transform: scale(.72); margin-bottom: -24px; }
}