{#- Funding figure, driven by `criteria.funding` in data/criteria.yaml.
    Two panels in one canvas:
      • top    — competitive funding already secured; one bar per scheme, widths
                 scaled to the largest `value`, with a role pill on each row.
      • bottom — the forward application pipeline, one card per year.
    Bar widths, pill widths, card heights and the canvas height are all computed
    from the data, so add / remove / reorder schemes and pipeline years freely
    and never edit the SVG. -#}
{%- set fu = criteria.funding -%}
{%- set LX = 15 -%}{%- set RX = 705 -%}
{%- set PILL_R = 278 -%}          {#- role pills are right-aligned to here -#}
{%- set BX0 = 290 -%}{%- set BX1 = 630 -%}{%- set BW = BX1 - BX0 -%}
{%- set ROW_H = 22 -%}{%- set BAR_H = 12 -%}
{%- set max_value = fu.bars | map(attribute='value') | max -%}
{%- set nbars = fu.bars | length -%}
{%- set rows_top = 20 -%}
{%- set rows_bottom = rows_top + nbars * ROW_H -%}
{%- set note_y = rows_bottom + 11 if fu.note else rows_bottom -%}
{%- set div_y = note_y + 9 -%}
{%- set p2_label_y = div_y + 16 -%}
{%- set cards_y = p2_label_y + 7 -%}
{%- set CARD_GAP = 10 -%}
{%- set ncards = fu.pipeline | length -%}
{%- set CARD_W = ((RX - LX) - (ncards - 1) * CARD_GAP) / ncards -%}
{%- set ITEM_WRAP = fu.item_wrap | default(42) -%}
{%- set ITEM_LH = 10.5 -%}
{#- tallest card sets the height for all of them -#}
{%- set nsc = namespace(max_lines=1) -%}
{%- for col in fu.pipeline -%}
  {%- set nsl = namespace(t=0) -%}
  {%- for it in col['items'] -%}
    {%- set nsl.t = nsl.t + ((it | wordwrap(ITEM_WRAP, break_long_words=False)).split('\n') | length) -%}
  {%- endfor -%}
  {%- if nsl.t > nsc.max_lines -%}{%- set nsc.max_lines = nsl.t -%}{%- endif -%}
{%- endfor -%}
{%- set CARD_H = 22 + nsc.max_lines * ITEM_LH + (fu.pipeline[0]['items'] | length) * 2.5 + 8 -%}
{%- set height = cards_y + CARD_H + 6 -%}
<p class="figcap">{{ fu.caption }}</p>
<svg viewBox="0 0 720 {{ height | round(1) }}" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="{{ fu.aria or fu.caption }}">

  <!-- ═══ panel 1 — secured ═══ -->
  <text x="{{ LX }}" y="10" font-size="7.6" font-weight="700" fill="#8a9099" letter-spacing="0.7">{{ fu.secured_label }}</text>

  {%- for b in fu.bars %}
  {%- set cy = rows_top + loop.index0 * ROW_H + ROW_H / 2 %}
  {%- set w = (b.value / max_value * BW) %}
  {%- set pw = (b.role | length) * 4.3 + 12 %}

  <text x="{{ LX }}" y="{{ (cy + 3.2) | round(1) }}" font-size="9.5" fill="#1c1f23">{{ b.label }}</text>

  <rect x="{{ (PILL_R - pw) | round(1) }}" y="{{ (cy - 6.5) | round(1) }}" width="{{ pw | round(1) }}" height="13" rx="6.5"
        fill="#f2f6fb" stroke="#c6d4e4" stroke-width="0.8"/>
  <text x="{{ (PILL_R - pw / 2) | round(1) }}" y="{{ (cy + 3) | round(1) }}" text-anchor="middle" font-size="7.8"
        font-weight="700" fill="#0f3f73">{{ b.role }}</text>

  <rect x="{{ BX0 }}" y="{{ (cy - BAR_H / 2) | round(1) }}" width="{{ w | round(1) }}" height="{{ BAR_H }}" rx="3"
        fill="{{ b.fill or '#4a86c8' }}"{% if b.stroke %} stroke="{{ b.stroke }}" stroke-width="1"{% endif %}><title>{{ b.title }}</title></rect>
  <text x="{{ (BX0 + w + 7) | round(1) }}" y="{{ (cy + 3.2) | round(1) }}" font-size="9.5" font-weight="700" fill="#0f3f73">{{ b.display }}</text>
  {%- endfor %}

  {%- if fu.note %}
  <text x="{{ LX }}" y="{{ note_y | round(1) }}" font-size="8.4" fill="#8a9099">{{ fu.note }}</text>
  {%- endif %}

  <line x1="{{ LX }}" y1="{{ div_y | round(1) }}" x2="{{ RX }}" y2="{{ div_y | round(1) }}" stroke="#d4dae1" stroke-width="1" stroke-dasharray="3 3"/>

  <!-- ═══ panel 2 — forward pipeline ═══ -->
  <text x="{{ LX }}" y="{{ p2_label_y | round(1) }}" font-size="7.6" font-weight="700" fill="#8a9099" letter-spacing="0.7">{{ fu.pipeline_label }}</text>

  {%- for col in fu.pipeline %}
  {%- set cx = LX + loop.index0 * (CARD_W + CARD_GAP) %}
  <rect x="{{ cx | round(1) }}" y="{{ cards_y | round(1) }}" width="{{ CARD_W | round(1) }}" height="{{ CARD_H | round(1) }}" rx="6"
        fill="#f6f9fc" stroke="#c6d4e4" stroke-width="0.8" stroke-dasharray="4 2.5"/>
  <text x="{{ (cx + 10) | round(1) }}" y="{{ (cards_y + 15) | round(1) }}" font-size="9" font-weight="700" fill="#0f3f73">{{ col.year }}</text>

  {%- set nsy = namespace(y=cards_y + 30) %}
  {%- for it in col['items'] %}
  {%- set lines = (it | wordwrap(ITEM_WRAP, break_long_words=False)).split('\n') %}
  <circle cx="{{ (cx + 13) | round(1) }}" cy="{{ (nsy.y - 3) | round(1) }}" r="2" fill="#7ba3d0"/>
  <text x="{{ (cx + 20) | round(1) }}" y="{{ nsy.y | round(1) }}" font-size="8.6" fill="#555b63">
    {%- for line in lines %}<tspan x="{{ (cx + 20) | round(1) }}" dy="{{ 0 if loop.first else ITEM_LH }}">{{ line }}</tspan>{%- endfor %}
  </text>
  {%- set nsy.y = nsy.y + (lines | length) * ITEM_LH + 2.5 %}
  {%- endfor %}
  {%- endfor %}
</svg>