{#- Cluster alignment ladder, driven by `criteria.cluster_fit` in data/criteria.yaml.
    One row per research area advertised for the nominated Cluster: the area name
    (quoted from the advertisement), a three-segment strength meter, and the
    evidence from the applicant's record. Row heights, the meter and the overall
    canvas are all computed from the data — add / remove / reorder areas freely
    and never touch the SVG. `level` is 1–3 and keys into `levels` for the
    fill colour and legend wording. -#}
{%- set cf = criteria.cluster_fit -%}
{%- set X0 = 15 -%}{%- set X1 = 705 -%}
{%- set LABEL_WRAP = cf.label_wrap | default(38) -%}
{%- set EV_WRAP = cf.evidence_wrap | default(60) -%}
{%- set PIP_X = 316 -%}{%- set PIP_W = 17 -%}{%- set PIP_GAP = 4 -%}
{%- set EV_X = 392 -%}
{%- set LINE_H = 11 -%}
{%- set ROW_PAD = 11 -%}
{%- set HEAD_Y = 12 -%}
{%- set levels = cf.levels | default({
     3: {'fill': '#0f3f73', 'label': 'core expertise'},
     2: {'fill': '#4a86c8', 'label': 'strong, demonstrated'},
     1: {'fill': '#aac6e4', 'label': 'emerging / building'}}) -%}
{%- set empty_fill = '#eaeff6' -%}
{#- lay out the rows top→bottom, growing each to fit its wrapped text -#}
{%- set ns = namespace(y=22, rows=[]) -%}
{%- for a in cf.areas -%}
  {%- set llines = (a.area | wordwrap(LABEL_WRAP, break_long_words=False)).split('\n') -%}
  {%- set elines = (a.evidence | wordwrap(EV_WRAP, break_long_words=False)).split('\n') -%}
  {%- set nlines = [llines | length, elines | length] | max -%}
  {%- set h = nlines * LINE_H + ROW_PAD -%}
  {%- set _ = ns.rows.append({'a': a, 'y': ns.y, 'h': h, 'll': llines, 'el': elines}) -%}
  {%- set ns.y = ns.y + h -%}
{%- endfor -%}
{%- set legend_y = ns.y + 16 -%}
{%- set height = legend_y + 8 -%}
<p class="figcap">{{ cf.caption }}</p>
<svg viewBox="0 0 720 {{ height | round(1) }}" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="{{ cf.aria or cf.caption }}">
  <!-- column headings -->
  <g font-size="7.6" font-weight="700" fill="#8a9099" letter-spacing="0.7">
    <text x="{{ X0 }}" y="{{ HEAD_Y }}">{{ cf.col_area | default('CLUSTER RESEARCH AREA (AS ADVERTISED)') }}</text>
    <text x="{{ PIP_X }}" y="{{ HEAD_Y }}">{{ cf.col_fit | default('FIT') }}</text>
    <text x="{{ EV_X }}" y="{{ HEAD_Y }}">{{ cf.col_evidence | default('EVIDENCE FROM MY RECORD') }}</text>
  </g>
  <line x1="{{ X0 }}" y1="{{ HEAD_Y + 5 }}" x2="{{ X1 }}" y2="{{ HEAD_Y + 5 }}" stroke="#d4dae1" stroke-width="1"/>

  {%- for r in ns.rows %}
  {%- set mid = r.y + r.h / 2 %}
  {%- if loop.index0 is odd %}
  <rect x="{{ X0 - 5 }}" y="{{ r.y | round(1) }}" width="{{ X1 - X0 + 10 }}" height="{{ r.h }}" fill="#f6f9fc"/>
  {%- endif %}

  <!-- area name (quoted from the advertisement) -->
  <text x="{{ X0 }}" y="{{ (mid - (r.ll | length - 1) * LINE_H / 2 + 3.4) | round(1) }}" font-size="9.5" fill="#1c1f23">
    {%- for line in r.ll %}<tspan x="{{ X0 }}" dy="{{ 0 if loop.first else LINE_H }}">{{ line }}</tspan>{%- endfor %}
  </text>

  <!-- three-segment strength meter -->
  <g><title>{{ r.a.area }} — {{ levels[r.a.level].label }}</title>
    {%- for i in range(3) %}
    <rect x="{{ PIP_X + i * (PIP_W + PIP_GAP) }}" y="{{ (mid - 4) | round(1) }}" width="{{ PIP_W }}" height="8" rx="2"
          fill="{{ levels[r.a.level].fill if i < r.a.level else empty_fill }}"/>
    {%- endfor %}
  </g>

  <!-- evidence -->
  <text x="{{ EV_X }}" y="{{ (mid - (r.el | length - 1) * LINE_H / 2 + 3.2) | round(1) }}" font-size="9" fill="#555b63">
    {%- for line in r.el %}<tspan x="{{ EV_X }}" dy="{{ 0 if loop.first else LINE_H }}">{{ line }}</tspan>{%- endfor %}
  </text>
  {%- endfor %}

  <line x1="{{ X0 }}" y1="{{ ns.y | round(1) }}" x2="{{ X1 }}" y2="{{ ns.y | round(1) }}" stroke="#d4dae1" stroke-width="1"/>

  <!-- legend -->
  {%- set ns2 = namespace(x=X0) %}
  {%- for lv in [3, 2, 1] %}
  {%- for i in range(3) %}
  <rect x="{{ ns2.x + i * 8 }}" y="{{ (legend_y - 5) | round(1) }}" width="6.5" height="6.5" rx="1.6"
        fill="{{ levels[lv].fill if i < lv else empty_fill }}"/>
  {%- endfor %}
  <text x="{{ ns2.x + 28 }}" y="{{ legend_y | round(1) }}" font-size="8.2" fill="#8a9099">{{ levels[lv].label }}</text>
  {%- set ns2.x = ns2.x + 28 + (levels[lv].label | length) * 4.5 + 26 %}
  {%- endfor %}
  {%- if cf.legend_note %}
  <text x="{{ X1 }}" y="{{ legend_y | round(1) }}" text-anchor="end" font-size="8.2" fill="#8a9099">{{ cf.legend_note }}</text>
  {%- endif %}
</svg>