{# Reusable Article Card Component #}
<li class="article-list-item">
    <a href="/{{ typeNum }}/support/article/{{ article.slug }}" class="article-link">
        <i class="fa fa-file-text article-icon"></i>
        <div class="article-content">
            <div class="article-title">
                {{ article.title|e }}
                {% if article.isFeatured %}
                <span class="featured-badge">FEATURED</span>
                {% endif %}
            </div>
            {% if article.excerpt %}
            <div class="article-excerpt">{{ article.excerpt|e }}</div>
            {% endif %}
            <div class="article-meta">
                {% if article.categoryName %}
                <span><i class="fa fa-folder"></i> {{ article.categoryName|e }}</span>
                {% endif %}
                <span><i class="fa fa-eye"></i> {{ article.viewCount|number_format }} views</span>
                <span><i class="fa fa-clock"></i> Updated {{ article.updatedAt|date('M j, Y') }}</span>
            </div>
        </div>
    </a>
</li>