.metric-card .stat-value {
  font-size: 2rem;
}

.empty-state {
  display: grid;
  place-items: center;
  gap: 0.75rem;
  min-height: 14rem;
  border: 1px dashed var(--color-base-300);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--color-base-100) 80%, transparent);
  text-align: center;
}

.section-stack > * + * {
  margin-top: 1rem;
}

.question-result-correct {
  border-color: color-mix(in srgb, var(--color-success) 35%, transparent);
  background: color-mix(in srgb, var(--color-success) 8%, transparent);
}

.question-result-incorrect {
  border-color: color-mix(in srgb, var(--color-error) 35%, transparent);
  background: color-mix(in srgb, var(--color-error) 8%, transparent);
}