/* Simple styling for prediction chips */
.prediction-chip{
  /* narrower chips for 6-digit display */
  min-width:32px;
  width:32px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  color:#fff;
  font-weight:600;
  font-size:1rem;
  padding:0 2px;
}
.prediction-chip.small{min-width:88px;height:32px;font-size:0.9rem}

/* analysis chips: number bold, small count text */
.prediction-chip.analysis-chip{padding:0 8px;display:inline-flex;align-items:center;gap:6px}
.prediction-chip.analysis-chip strong{font-weight:700;font-size:1rem}
.prediction-chip.analysis-chip small{font-size:0.7rem;opacity:0.9;margin-left:4px}
.prediction-chip.analysis-chip.cold{opacity:0.9;filter:grayscale(10%)}

/* ensure chip text has slight shadow for contrast on bright backgrounds */
.prediction-chip{text-shadow:0 1px 0 rgba(0,0,0,0.06)}

/* center the chips row inside the prediction card */
#prediction-chips{
  justify-content:center;
  align-items:center;
}