/* Praxoria Home Refinement v591
   Korrektur: Das Lern-Cockpit darf in keinem Moment leer wirken.
   Der Aufbau bleibt über die Cockpit-Karte selbst animiert; Kursaufbau,
   Lernstand und nächster Schritt sind sofort lesbar, sobald die Karte sichtbar ist. */

html body.home.homeRefinedV591 .cockpitMomentV588{
  min-height:318px !important;
  padding:24px 28px 24px !important;
}

html body.home.homeRefinedV591 .courseFlowV588{
  display:grid !important;
  gap:12px !important;
  margin:18px 0 17px !important;
  visibility:visible !important;
}

html body.home.homeRefinedV591 .courseFlowV588 .flowRowV588,
html body.home.homeRefinedV591 .nextPillV588{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  animation:none !important;
  filter:none !important;
}

html body.home.homeRefinedV591 .courseFlowV588 .flowRowV588{
  min-height:22px !important;
  color:rgba(23,33,52,.75) !important;
}

html body.home.homeRefinedV591 .courseFlowV588 .flowRowV588.isDoneV588{
  color:rgba(23,33,52,.66) !important;
}

html body.home.homeRefinedV591 .courseFlowV588 .flowRowV588.isActiveV588{
  color:#172134 !important;
}

html body.home.homeRefinedV591 .courseFlowV588 .flowRowV588.isQuietV588{
  opacity:.62 !important;
  color:rgba(23,33,52,.55) !important;
}

html body.home.homeRefinedV591 .nextPillV588{
  margin-top:2px !important;
  width:max-content !important;
  max-width:100% !important;
  color:#1d2a3f !important;
  background:linear-gradient(135deg, rgba(69,168,204,.14), rgba(255,255,255,.74)) !important;
  border-color:rgba(69,168,204,.22) !important;
}

/* Nur ein leichter Premium-Aufbau, ohne Inhalte auszublenden. */
html body.home.homeRefinedV591 .cockpitMomentV588{
  animation:v591CockpitBuildNoEmpty 8.8s cubic-bezier(.2,.72,.18,1) infinite !important;
}

@keyframes v591CockpitBuildNoEmpty{
  0%,18%{
    opacity:.98;
    transform:translate(-12px, 8px) scale(.975);
    clip-path:inset(0 100% 0 0 round 22px);
    filter:blur(.3px);
  }
  30%,88%{
    opacity:1;
    transform:translate(0,0) scale(1);
    clip-path:inset(0 0 0 0 round 22px);
    filter:none;
  }
  100%{
    opacity:.94;
    transform:translate(0,-1px) scale(.995);
    clip-path:inset(0 0 0 0 round 22px);
    filter:none;
  }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV591 .cockpitMomentV588,
  html body.home.homeRefinedV591 .courseFlowV588 .flowRowV588,
  html body.home.homeRefinedV591 .nextPillV588{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
    clip-path:none !important;
    filter:none !important;
  }
}