.training-tasks { min-width: 0; scroll-margin-top: 136px; }
.training-tasks-heading, .training-tasks-heading-actions, .training-task-heading, .training-task-footer, .training-tasks-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.training-tasks h2 { margin: 4px 0 0; font-size: 21px; }
.training-tasks-heading-actions { justify-content: flex-end; flex-shrink: 0; }
.training-tasks-note, .training-tasks-status, .training-tasks-empty { color: #58718c; font-size: 13px; line-height: 1.7; }
.training-tasks-status { min-height: 22px; }
.training-tasks-list { display: grid; gap: 10px; }
.training-task-card { min-width: 0; padding: 16px; border: 1px solid #d9e5f2; border-radius: 10px; background: #f8fbff; overflow-wrap: anywhere; }
.training-task-card h3 { margin: 0; font-size: 16px; line-height: 1.5; }
.training-task-card p { margin: 8px 0; color: #58718c; font-size: 13px; line-height: 1.7; }
.training-task-state { flex-shrink: 0; padding: 4px 9px; border-radius: 20px; background: #e8f1fd; color: #2867a3; font-size: 12px; }
.training-task-state.is-in-progress { background: #e5f5ec; color: #257047; }
.training-task-footer { margin-top: 10px; color: #58718c; font-size: 13px; }
.training-tasks .tiny-action { min-height: 44px; }
.training-tasks-pagination { margin-top: 16px; color: #58718c; font-size: 13px; }
#home-training-tasks-desktop { margin-bottom: 20px; }
#home-training-tasks-mobile { display: none; }
.training-task-open-status { margin: 0 0 14px; padding: 14px; border: 1px solid #d9e5f2; border-radius: 10px; color: #476886; background: #f8fbff; scroll-margin-top: 136px; }
@media (max-width: 720px) {
  body.source-learner-mobile #home-training-tasks-desktop { display: none; }
  body.source-learner-mobile #home-training-tasks-mobile:not(.is-hidden) { display: block; margin: 10px 14px 16px; padding: 16px; }
}
@media (max-width: 480px) {
  .training-tasks h2 { font-size: 18px; }
  .training-tasks-heading, .training-task-heading, .training-task-footer { flex-wrap: wrap; align-items: flex-start; }
  .training-task-card { padding: 13px; }
  .training-task-footer .tiny-action { width: 100%; justify-content: center; }
  .training-tasks-pagination { gap: 6px; font-size: 12px; }
}