/* Fact chips */
.fact{
  --fact-bg:#f9fafb;
  --fact-border:#e5e7eb;
  --fact-text:#111827;
  display:inline-block;
  padding:.15em .55em;
  border-radius:9999px;
  border:1px solid var(--fact-border);
  background:var(--fact-bg);
  color:var(--fact-text);
  font-weight:600;
  line-height:1.35;
  transform-origin:center;
}

/* Slower + continuous breathing */
.fact--animate{
  animation:fact-breathe 1.25s ease-in-out infinite;
}

@keyframes fact-breathe{
  0%,100%{ transform:scale(1); box-shadow:0 0 0 0 rgba(0,0,0,0); }
  50%{ transform:scale(1.02); box-shadow:0 0 0 8px rgba(0,0,0,.05); }
}

/* *text*  → yellow */
.fact--yellow{
  --fact-bg:#FFF7D6;
  --fact-border:#FDE68A;
  --fact-text:#92400E;
}

/* **text** → green */
.fact--green{
  --fact-bg:#E8FDF3;
  --fact-border:#86EFAC;
  --fact-text:#065F46;
}

/* ***text*** → ORANGE (keep class name for compatibility) */
.fact--red{
  --fact-bg:#FFF1E6;   /* soft orange wash */
  --fact-border:#FECBA1;
  --fact-text:#9A3412; /* orange-800 */
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .fact--animate{ animation:none; }
}