{# Score badge component. Usage: {% include "components/score_badge.html" with context %} #}
{# Expects: score_value (int 0-100), score_name (str), score_inverted (bool, optional) #}
{% if score_value is not none %}
{% set score_display = (score_value | round | int) if score_value is number else score_value %}
{% if score_inverted %}
  {% set _tier = "score-low" if score_display >= 70 else ("score-medium" if score_display >= 40 else "score-high") %}
{% else %}
  {% set _tier = "score-high" if score_display >= 70 else ("score-medium" if score_display >= 40 else "score-low") %}
{% endif %}
<span class="score-badge {{ _tier }}"
      title="{{ score_name }}: {{ score_display }}/100"
      aria-label="{{ score_name }}: {{ score_display }} out of 100">
  {{ score_display }}
</span>
{% endif %}