{#- Collaboration map, driven by `criteria.network` in data/criteria.yaml.
    Hub sits in the middle; left_nodes / right_nodes each render as a stacked
    column of boxes with a connector back to the hub. Row positions, the
    hub's vertical centring and the overall canvas height are all computed
    from how many nodes you list — add / remove / reorder nodes on either
    side freely, you never need to touch the SVG. Heading/subtext are word-
    wrapped and each box grows to fit the longest wrapped node so text never
    overflows its box. -#}
{%- set net = criteria.network -%}
{%- set WIDTH = 720 -%}
{%- set X0 = 15 -%}
{%- set X1 = WIDTH - X0 -%}
{%- set BOX_W = 220 -%}
{%- set HEAD_WRAP = net.heading_wrap | default(30) -%}
{%- set SUB_WRAP = net.subtext_wrap | default(38) -%}
{%- set HEAD_LH = 11 -%}
{%- set SUB_LH = 10 -%}
{%- set HEAD_TOP = 15 -%}
{%- set HEAD_SUB_GAP = 13 -%}
{%- set BOX_BOTTOM_PAD = 8 -%}
{%- set left_nodes = net.left_nodes or [] -%}
{%- set right_nodes = net.right_nodes or [] -%}
{%- set all_nodes = left_nodes + right_nodes -%}
{%- set ns = namespace(max_head=1, max_sub=1) -%}
{%- for node in all_nodes %}
  {%- set hlines = (node.heading | wordwrap(HEAD_WRAP, break_long_words=False)).split('\n') %}
  {%- set slines = (node.subtext | wordwrap(SUB_WRAP, break_long_words=False)).split('\n') %}
  {%- if hlines | length > ns.max_head %}{%- set ns.max_head = hlines | length %}{%- endif %}
  {%- if slines | length > ns.max_sub %}{%- set ns.max_sub = slines | length %}{%- endif %}
{%- endfor %}
{%- set BOX_H = net.box_height | default(HEAD_TOP + (ns.max_head - 1) * HEAD_LH + HEAD_SUB_GAP + (ns.max_sub - 1) * SUB_LH + BOX_BOTTOM_PAD) -%}
{%- set ROW_H = net.row_height | default(BOX_H + 15) -%}
{%- set TOP_MARGIN = net.top_margin | default(26) -%}
{%- set BOTTOM_MARGIN = 12 -%}
{%- set HUB_W = net.hub_width | default(176) -%}
{%- set HUB_H = net.hub_height | default(44) -%}
{%- set rows = [left_nodes | length, right_nodes | length] | max -%}
{%- set first_center = TOP_MARGIN + BOX_H / 2 -%}
{%- set last_center = TOP_MARGIN + (rows - 1) * ROW_H + BOX_H / 2 -%}
{%- set hub_center_y = (first_center + last_center) / 2 -%}
{%- set hub_y = hub_center_y - HUB_H / 2 -%}
{%- set hub_x = (WIDTH - HUB_W) / 2 -%}
{%- set svg_height = TOP_MARGIN + (rows - 1) * ROW_H + BOX_H + BOTTOM_MARGIN -%}
{%- set right_box_x = WIDTH - X0 - BOX_W -%}
{%- set label_fill = net.label_fill | default('#1a5faa') -%}
{%- set hub_fill = net.hub_fill | default('#0f3f73') -%}
{%- set hub_text_fill = net.hub_text_fill | default('#ffffff') -%}
{%- set hub_subtext_fill = net.hub_subtext_fill | default('#cfe0f2') -%}
{%- set node_fill = net.node_fill | default('#f2f6fb') -%}
{%- set node_stroke = net.node_stroke | default('#c6d4e4') -%}
{%- set edge_stroke = net.edge_stroke | default('#b9cde6') -%}
{%- set heading_fill = net.heading_fill | default('#1c1f23') -%}
{%- set subtext_fill = net.subtext_fill | default('#555b63') -%}
<p class="figcap">{{ net.caption }}</p>
<svg viewBox="0 0 {{ WIDTH }} {{ svg_height | round(1) }}" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="{{ net.aria or net.caption }}">
  <text x="{{ X0 }}" y="12" font-size="8.5" font-weight="700" fill="{{ label_fill }}" letter-spacing="1">{{ net.left_label }}</text>
  <text x="{{ X1 }}" y="12" text-anchor="end" font-size="8.5" font-weight="700" fill="{{ label_fill }}" letter-spacing="1">{{ net.right_label }}</text>

  <!-- edges -->
  <g stroke="{{ edge_stroke }}" stroke-width="1.4">
    {%- for node in left_nodes %}
    {%- set center_y = TOP_MARGIN + loop.index0 * ROW_H + BOX_H / 2 %}
    <line x1="{{ hub_x | round(1) }}" y1="{{ hub_center_y | round(1) }}" x2="{{ X0 + BOX_W }}" y2="{{ center_y | round(1) }}"/>
    {%- endfor %}
    {%- for node in right_nodes %}
    {%- set center_y = TOP_MARGIN + loop.index0 * ROW_H + BOX_H / 2 %}
    <line x1="{{ (hub_x + HUB_W) | round(1) }}" y1="{{ hub_center_y | round(1) }}" x2="{{ right_box_x }}" y2="{{ center_y | round(1) }}"/>
    {%- endfor %}
  </g>

  <!-- hub -->
  <rect x="{{ hub_x | round(1) }}" y="{{ hub_y | round(1) }}" width="{{ HUB_W }}" height="{{ HUB_H }}" rx="8" fill="{{ hub_fill }}"><title>{{ net.hub.title }}</title></rect>
  <text x="{{ WIDTH / 2 }}" y="{{ (hub_center_y - 3) | round(1) }}" text-anchor="middle" font-size="11" font-weight="700" fill="{{ hub_text_fill }}">{{ net.hub.name }}</text>
  <text x="{{ WIDTH / 2 }}" y="{{ (hub_center_y + 11) | round(1) }}" text-anchor="middle" font-size="9" fill="{{ hub_subtext_fill }}">{{ net.hub.subtitle }}</text>

  <!-- left nodes -->
  <g>
    {%- for node in left_nodes %}
    {%- set row_y = TOP_MARGIN + loop.index0 * ROW_H %}
    {%- set hlines = (node.heading | wordwrap(HEAD_WRAP, break_long_words=False)).split('\n') %}
    {%- set slines = (node.subtext | wordwrap(SUB_WRAP, break_long_words=False)).split('\n') %}
    {%- set content_h = HEAD_TOP + (hlines | length - 1) * HEAD_LH + HEAD_SUB_GAP + (slines | length - 1) * SUB_LH + BOX_BOTTOM_PAD %}
    {%- set voffset = (BOX_H - content_h) / 2 %}
    <rect x="{{ X0 }}" y="{{ row_y | round(1) }}" width="{{ BOX_W }}" height="{{ BOX_H | round(1) }}" rx="6" fill="{{ node_fill }}" stroke="{{ node_stroke }}"><title>{{ node.title }}</title></rect>
    <text x="{{ X0 + 10 }}" y="{{ (row_y + HEAD_TOP + voffset) | round(1) }}" font-size="10" font-weight="700" fill="{{ heading_fill }}">
      {%- for line in hlines %}<tspan x="{{ X0 + 10 }}" dy="{{ 0 if loop.first else HEAD_LH }}">{{ line }}</tspan>{%- endfor %}
    </text>
    <text x="{{ X0 + 10 }}" y="{{ (row_y + HEAD_TOP + (hlines | length - 1) * HEAD_LH + HEAD_SUB_GAP + voffset) | round(1) }}" font-size="9" fill="{{ subtext_fill }}">
      {%- for line in slines %}<tspan x="{{ X0 + 10 }}" dy="{{ 0 if loop.first else SUB_LH }}">{{ line }}</tspan>{%- endfor %}
    </text>
    {%- endfor %}
  </g>

  <!-- right nodes -->
  <g>
    {%- for node in right_nodes %}
    {%- set row_y = TOP_MARGIN + loop.index0 * ROW_H %}
    {%- set hlines = (node.heading | wordwrap(HEAD_WRAP, break_long_words=False)).split('\n') %}
    {%- set slines = (node.subtext | wordwrap(SUB_WRAP, break_long_words=False)).split('\n') %}
    {%- set content_h = HEAD_TOP + (hlines | length - 1) * HEAD_LH + HEAD_SUB_GAP + (slines | length - 1) * SUB_LH + BOX_BOTTOM_PAD %}
    {%- set voffset = (BOX_H - content_h) / 2 %}
    <rect x="{{ right_box_x }}" y="{{ row_y | round(1) }}" width="{{ BOX_W }}" height="{{ BOX_H | round(1) }}" rx="6" fill="{{ node_fill }}" stroke="{{ node_stroke }}"><title>{{ node.title }}</title></rect>
    <text x="{{ right_box_x + 10 }}" y="{{ (row_y + HEAD_TOP + voffset) | round(1) }}" font-size="10" font-weight="700" fill="{{ heading_fill }}">
      {%- for line in hlines %}<tspan x="{{ right_box_x + 10 }}" dy="{{ 0 if loop.first else HEAD_LH }}">{{ line }}</tspan>{%- endfor %}
    </text>
    <text x="{{ right_box_x + 10 }}" y="{{ (row_y + HEAD_TOP + (hlines | length - 1) * HEAD_LH + HEAD_SUB_GAP + voffset) | round(1) }}" font-size="9" fill="{{ subtext_fill }}">
      {%- for line in slines %}<tspan x="{{ right_box_x + 10 }}" dy="{{ 0 if loop.first else SUB_LH }}">{{ line }}</tspan>{%- endfor %}
    </text>
    {%- endfor %}
  </g>
</svg>