{% macro acc(kind) -%}<span class="acc acc-{{ kind }}" title="{{ acc_titles[kind] }}">{{ acc_words[kind] }}</span>{%- endmacro %}
{% macro insight_card(card, prefix='', heading='h4') -%}
<article class="ins" id="{{ prefix }}{{ card.id }}" aria-labelledby="{{ prefix }}{{ card.id }}-h"><header class="ins-h"><{{ heading }} class="subh" id="{{ prefix }}{{ card.id }}-h">{{ card.title }}<span class="n"><code>{{ card.column }}</code></span></{{ heading }}><span class="ins-acc">{% for kind in card.kinds %}{{ acc(kind) }}{% endfor %}</span></header>
{% if card.summary %}<p class="muted ins-sum">{{ card.summary }}</p>{% endif %}
{% if card.facts %}<dl class="ins-facts">{% for fact in card.facts %}<div><dt>{{ fact.label }}</dt><dd>{{ fact.value }}{% if fact.kind != 'exact' %} {{ acc(fact.kind) }}{% endif %}{% if fact.note %}<small class="sub-n">{{ fact.note }}</small>{% endif %}</dd></div>{% endfor %}</dl>{% endif %}
{% if card.bars %}<div class="ins-bars-grid">{% for bars in card.bars %}<div class="ins-bars" role="group" aria-label="{{ bars.caption }}"><p class="rcard-title">{{ bars.caption }} {{ acc(bars.kind) }}</p>{% for item in bars.items %}<div class="ins-bar"><span class="l">{{ item.label }}</span><span class="tr" aria-hidden="true"><span style="width:{{ '%.1f' | format(item.share * 100) }}%"></span></span><b>{{ item.count | count }}<small>{{ '%.1f' | format(item.share * 100) }}%</small></b></div>{% endfor %}{% if bars.note %}<p class="muted sub">{{ bars.note }}</p>{% endif %}</div>{% endfor %}</div>{% endif %}
{% for table in card.tables %}<p class="rcard-title ins-cap">{{ table.caption }} {{ acc(table.kind) }}</p><div class="tscroll" tabindex="0" role="region" aria-label="{{ table.caption }}"><table class="dtable"><thead><tr>{% for header in table.headers %}<th scope="col"{% if not loop.first and loop.index0 not in table.code %} class="r"{% endif %}><div class="hc"><span class="ht">{{ header }}</span></div></th>{% endfor %}</tr></thead><tbody>{% for row in table.rows %}<tr>{% for cell in row %}{% if loop.first %}<th scope="row">{% if loop.index0 in table.code %}<code>{{ cell }}</code>{% else %}{{ cell }}{% endif %}</th>{% else %}<td class="{{ 'ins-v' if loop.index0 in table.code else 'num' }}">{% if loop.index0 in table.code %}<code>{{ cell }}</code>{% else %}{{ cell }}{% endif %}</td>{% endif %}{% endfor %}</tr>{% endfor %}</tbody></table></div>{% if table.note %}<p class="muted sub">{{ table.note }}</p>{% endif %}{% endfor %}
{% for note in card.notes %}<p class="types-note">{{ note }}</p>{% endfor %}</article>
{%- endmacro %}