<li class="modern-card fade-in">
    <div class="content-card">
        <h2>{{post.title}}</h2>

        <!-- Добавляем микроразметку для проекта -->
        <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "CreativeWork",
          "name": "{{ post.title }}",
          "description": "{{ p.description|striptags|truncatewords:30 }}",
          "author": {
            "@type": "Person",
            "name": "Николай Сердюк"
          },
          "datePublished": "{{ post.time_create|date:'Y-m-d' }}"
        }
        </script>

        <div class="solution-accordion">
            <div class="accordion-item">
                <div class="accordion-header" onclick="toggleAccordion(this)">
                    <strong>📋 Описание задачи</strong>
                    <span class="accordion-icon">▼</span>
                </div>
                <div class="accordion-content">
                    {{post.description}}
                </div>
            </div>

            <div class="accordion-item">
                <div class="accordion-header" onclick="toggleAccordion(this)">
                    <strong>🔧 Описание решения</strong>
                    <span class="accordion-icon">▼</span>
                </div>
                <div class="accordion-content">
                    {{post.implementation}}
                </div>
            </div>

            <div class="accordion-item">
                <div class="accordion-header" onclick="toggleAccordion(this)">
                    <strong>✅ Результат</strong>
                    <span class="accordion-icon">▼</span>
                </div>
                <div class="accordion-content">
                    {{post.closing}}
                </div>
            </div>
        </div>

        <div class="article-panel">
            <p class="first">Опубликовано: {{post.time_create|date:"d.m.Y"}}</p>
        </div>
    </div>
</li>