{% comment %}
  §7 Reviewer calibration — anonymised peer score distribution.

  Renders a flat horizontal-bar histogram of all submitted reviews for a
  call, with this reviewer's own scores excluded so peers stay anonymous.

  Required context:
    distribution.buckets   list of {label, count, low, high}
    distribution.peer_count  int — total peer reviews represented
    distribution.max_total   Decimal — maximum possible total score

  Optional:
    title                  override the panel heading
    note                   override the small footnote line
{% endcomment %}
{% if distribution and distribution.peer_count %}
<section class="score-distribution" aria-label="Peer score distribution">
  <header class="score-distribution__head">
    <p class="score-distribution__eyebrow">Calibration</p>
    <h3 class="score-distribution__title">{{ title|default:"How your peers have scored" }}</h3>
    <p class="score-distribution__hint">{{ note|default:"Anonymised total scores from other submitted reviews on this call. Compare your draft before submitting." }}</p>
  </header>
  <ol class="score-distribution__bars" role="list">
    {% for bucket in distribution.buckets %}
      <li class="score-distribution__row">
        <span class="score-distribution__label tabular-nums">{{ bucket.label }}</span>
        <span class="score-distribution__track" aria-hidden="true">
          {% if distribution.peer_count %}
            <span class="score-distribution__fill" style="width: {% widthratio bucket.count distribution.peer_count 100 %}%;"></span>
          {% endif %}
        </span>
        <span class="score-distribution__count tabular-nums">{{ bucket.count }}</span>
      </li>
    {% endfor %}
  </ol>
  <p class="score-distribution__foot">
    {{ distribution.peer_count }} peer review{{ distribution.peer_count|pluralize }} · scale 0–{{ distribution.max_total }} pts
  </p>
</section>
{% elif distribution %}
<section class="score-distribution score-distribution--empty" aria-label="Peer score distribution">
  <p class="score-distribution__eyebrow">Calibration</p>
  <p class="score-distribution__hint">You're the first reviewer to submit on this call. A peer-score distribution will appear here once others have completed.</p>
</section>
{% endif %}