{# Render a species pill: outlined chip with icon + count. Hovering shows the species name via title. #}
{% macro species_pill(name, count) %}
  {%- set ic = species_icon(name) -%}
  <span class="species-pill" title="{{ name }}">
    {%- if ic.type == 'emoji' -%}
    <span class="species-icon species-icon-emoji" aria-hidden="true">{{ ic.char }}</span>
    {%- else -%}
    <svg class="species-icon species-icon-svg" aria-hidden="true"><use href="#{{ ic.id }}"/></svg>
    {%- endif -%}
    <span class="species-count">{{ count }}</span>
  </span>
{% endmacro %}