{% if topics %}
<div class="topic-section">
    <div class="section-title">
        <div class="section-icon">
            <svg viewBox="0 0 24 24"><path d="M14 17H4v2h10v-2zm6-8H4v2h16V9zM4 15h16v-2H4v2zM4 5v2h16V5H4z"/></svg>
        </div>
        Chủ đề hôm nay · Topics
    </div>
    {% for topic in topics %}
    <div class="topic-item avoid-break">
        <div class="topic-index">{{ "%02d" | format(topic.index) }}</div>
        <div class="topic-content">
            <div class="topic-title">{{ topic.topic.topic }}</div>
            <div class="topic-contributors">🙋‍♀️ Người tham gia: {{ topic.contributors }}</div>
            <div class="topic-detail">{{ topic.detail | safe }}</div>
        </div>
    </div>
    {% endfor %}
</div>
{% endif %}