{% embed '@theme/embeds/card.html.twig' with {'margin_bottom': 0} %}
    {% block box_title %}
        {{ title }}
    {% endblock %}
    {% block box_body %}
        <div id="heatmap-container" data-url="{{ path('heatmap_data') }}" style="min-height: 150px; padding: 1rem;">
            <p style="color: var(--bs-secondary);">Heatmap visualization coming in Phase 3</p>
        </div>
    {% endblock %}
{% endembed %}