/* Тренажёр ЭКГ — заметная карточка-вход в ленту (#ecgTrainerBlock). См. ecg_trainer.js. */

.ecg-trainer-card {
  background: linear-gradient(135deg, rgba(94, 234, 212, 0.12), rgba(129, 140, 248, 0.12));
  border: 1px solid var(--border);
}

.ecg-trainer-head {
  display: flex;
  align-items: center;
  gap: 14px;
}

.ecg-trainer-icon {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  display: inline-flex;
}

.ecg-trainer-icon svg { width: 100%; height: 100%; }

/* Лёгкое «биение» линии ЭКГ — оживляет карточку, не отвлекая. */
.ecg-trainer-line {
  stroke-dasharray: 90;
  stroke-dashoffset: 90;
  animation: ecgCabSweep 2.6s ease-in-out infinite;
}

@keyframes ecgCabSweep {
  0%   { stroke-dashoffset: 90; }
  55%  { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 0; opacity: 0.85; }
}

@media (prefers-reduced-motion: reduce) {
  .ecg-trainer-line { animation: none; stroke-dashoffset: 0; }
}

.ecg-trainer-text h2 { margin: 0 0 4px; }

.ecg-trainer-text p {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--text-secondary);
  line-height: 1.45;
}

.ecg-trainer-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 16px;
}

.ecg-trainer-cta { text-decoration: none; }

.ecg-trainer-secondary {
  font-size: 0.8125rem;
  color: var(--accent);
  text-decoration: none;
}

.ecg-trainer-secondary:hover { text-decoration: underline; }