{#- Knowledge & skills profile, driven by `criteria.skills` in data/criteria.yaml.
    Each column is a heading + a list of skill chips. Inline HTML in items
    (e.g. <i>…</i>, &amp;) passes through. -#}
{%- set sk = criteria.skills -%}
<p class="figcap">{{ sk.caption }}</p>
<div class="skillgrid">
  {%- for col in sk.columns %}
  <div class="skillcol">
    <p class="sk-h">{{ col.heading | mdinline }}</p>
    {%- for item in col['items'] %}
    <span class="sk">{{ item | mdinline }}</span>
    {%- endfor %}
  </div>
  {%- endfor %}
</div>