.logo-circle {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, #6ee7b7, #1d4ed8);
}

.placeholder-graph {
  height: 130px;
  border-radius: 0.5rem;
  border: 1px dashed #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  color: #777;
}

/* eksempel – justér efter smag */
.score-card-expanded {
  position: relative;
  z-index: 10;
}

@media (min-width: 992px) {
  .score-card-expanded {
    width: 70vw;
    max-width: 70vw;
  }
}

.answer-pane{
  overflow: auto;
  white-space: normal;
  transition: height 0.15s ease; /* 0.1–0.2 sek */
}

.badge-chip-found{
  background: #198754; /* bootstrap success */
  color: #fff;
  border: 1px solid #198754;
}

.badge-chip-miss{
  background: #f1f3f5; /* lys grå */
  color: #495057;      /* mørkegrå */
  border: 1px solid #dee2e6;
}