{% macro boxed_section(title, class='', padding='px-4 py-5') %}
<section class="bg-white shadow overflow-hidden rounded-lg {{ class }}">
    <header class="px-4 py-5 px-6">
        <h2 class="text-2xl leading-6">{{ title }}</h2>
    </header>
    <div class="border-t border-gray-200 {{ padding }}">
        {{ caller() }}
    </div>
</section>
{% endmacro %}

{% macro game_data(term, definition, bg='white') %}
<div class="bg-{{ bg }} px-4 py-5 grid grid-cols-2 gap-4 px-6">
    <dt class="text-sm font-medium text-gray-500">{{ term }}</dt>
    <dd class="mt-1 text-sm text-gray-900 mt-0">{{ definition }}</dd>
</div>
{% endmacro %}

{% macro email_link(address) %}
{% if address %}<a class="text-blue-500 hover:underline" href="mailto:{{ address }}">{{ address }}</a>{% else %}—{%
endif %}
{% endmacro %}