/* Praxoria Startseite – v534: Antwortbeispiel mit Schreibwirkung.
   Rein visuelle Ergänzung; bestehende Texte bleiben unverändert. */

html body.home.homeRefinedV534 #studioPanel2 .studioTileQuote .answerWriteText{
  --write-caret: color-mix(in oklab, var(--accent2) 58%, var(--text));
  min-height: calc(2 * 1.38em);
  text-wrap: balance;
  overflow-wrap: normal;
}

html body.home.homeRefinedV534 #studioPanel2 .studioTileQuote .answerWriteText.isWriting{
  color: color-mix(in oklab, var(--text) 92%, var(--accent2));
}

html body.home.homeRefinedV534 #studioPanel2 .studioTileQuote .answerWriteText.isWriting::after{
  content: "";
  display: inline-block;
  width: .12em;
  height: 1.05em;
  margin-left: .16em;
  border-radius: 999px;
  background: var(--write-caret);
  transform: translateY(.16em) rotate(8deg);
  opacity: .86;
  animation: praxoriaWriteCaret .82s ease-in-out infinite;
}

html body.home.homeRefinedV534 #studioPanel2 .studioTileQuote{
  background:
    radial-gradient(340px 150px at 14% 22%, color-mix(in oklab, var(--accent2) 4%, transparent), transparent 70%),
    var(--support-v533-panel) !important;
}

html body.home.homeRefinedV534 #studioPanel2 .studioTileQuote .k{
  color: color-mix(in oklab, var(--muted) 78%, var(--text)) !important;
}

@keyframes praxoriaWriteCaret{
  0%, 100% { opacity: .24; transform: translateY(.16em) rotate(8deg) scaleY(.92); }
  42% { opacity: .95; transform: translateY(.16em) rotate(8deg) scaleY(1.04); }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV534 #studioPanel2 .studioTileQuote .answerWriteText.isWriting::after{
    content: none;
    animation: none;
  }
}