{# kindergarten heading — kg-display everywhere; on h1/h2 only #}
{% if level == 1 %}<h1 class="text-4xl font-bold tracking-tight kg-display {{ textClass }} flex-1">{{ text }}</h1>
{% elif level == 3 %}<h3 class="text-2xl font-semibold kg-display {{ textClass }} flex-1">{{ text }}</h3>
{% elif level == 4 %}<h4 class="text-xl font-semibold kg-display {{ textClass }} flex-1">{{ text }}</h4>
{% elif level == 5 %}<h5 class="text-lg font-medium kg-display {{ textClass }} flex-1">{{ text }}</h5>
{% elif level == 6 %}<h6 class="text-base font-medium kg-display {{ textClass }} flex-1">{{ text }}</h6>
{% else %}<h2 class="text-3xl font-semibold tracking-tight kg-display {{ textClass }} flex-1">{{ text }}</h2>{% endif %}
