{# Reusable Category Card Component #}
<a href="/{{ typeNum }}/support/category/{{ category.slug }}" class="category-card">
    <div class="category-icon">
        <i class="{{ category.icon|default('fa fa-folder') }}"></i>
    </div>
    <div class="category-name">{{ category.name|e }}</div>
    {% if category.description %}
    <div class="category-description">{{ category.description|e }}</div>
    {% endif %}
    <div class="category-count">
        {{ category.articleCount|default(0) }} {{ category.articleCount == 1 ? 'article' : 'articles' }}
    </div>
</a>