.filter-count {
  min-height: 1.2em;
  margin: -10px 0 12px;
  color: var(--muted);
  font-size: .82rem;
}
.result-comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0 4px;
}
.result-box {
  border: 1px solid #cfd9e7;
  border-radius: 10px;
  background: #fff;
  padding: 9px 10px;
}
.result-box span,
.result-box small {
  display: block;
  color: var(--muted);
  font-size: .72rem;
}
.result-box strong {
  display: block;
  margin: 2px 0;
  font-size: 1.12rem;
  font-variant-numeric: tabular-nums;
}
.result-final {
  border-color: #4caee8;
  background: linear-gradient(135deg, #f7fcff, #eaf7ff);
  box-shadow: 0 0 0 1px rgba(101, 215, 255, .2), 0 0 18px rgba(50, 174, 232, .38);
  animation: final-score-glow 2.8s ease-in-out infinite;
}
.result-final strong { color: #073b78; }
.result-tip { border-color: #b9c9dc; }
@keyframes final-score-glow {
  0%, 100% { box-shadow: 0 0 0 1px rgba(101, 215, 255, .18), 0 0 12px rgba(50, 174, 232, .26); }
  50% { box-shadow: 0 0 0 1px rgba(101, 215, 255, .34), 0 0 23px rgba(50, 174, 232, .48); }
}
@media (prefers-reduced-motion: reduce) {
  .result-final { animation: none; }
}