/* Concept B — Clean Editorial Light — base styles */

/* Loading screen spinner — runs before Tailwind is available */
@keyframes sp-spin {
  to { transform: rotate(360deg); }
}
.sp-loader-spinner {
  width: 1.5rem;
  height: 1.5rem;
  border: 1.5px solid #1a1a1a;
  border-top-color: transparent;
  border-radius: 9999px;
  animation: sp-spin 0.75s linear infinite;
}

/* Smooth SSE text streaming */
#feedback-text {
  line-height: 1.65;
  color: #444;
}

/* Progress bar transition */
.progress-bar-inner {
  transition: width 0.6s ease;
}

/* Chart canvas sizing */
canvas {
  max-height: 300px;
}

/* 0.5px borders — Tailwind only goes to 1px */
.border-concept {
  border: 0.5px solid #e5e5e3;
}
.border-concept-input {
  border: 0.5px solid #d4d4d0;
}