{# src/examen/templates/_bead_row.html #}
{# Required context: beads = list of dicts {state: 'past'|'current'|'future', kind: 'baseline'|'drill'}
   plus qnum (int), qtotal (int) #}
<div class="bead-row" role="group" aria-label="Question {{ qnum }} of {{ qtotal }}">
  {% for b in beads %}
    <span class="bead bead--{{ b.state }} bead--{{ b.kind }}"
          {% if b.state == 'current' %}aria-current="step"{% endif %}
          aria-hidden="true"></span>
  {% endfor %}
  <span class="bead-row__counter">Q {{ qnum }} / {{ qtotal }}</span>
</div>