/* Start custom CSS for html, class: .elementor-element-b8d331f */<!-- Интерактивное содержание -->
<div style="background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 25px; margin-bottom: 40px; font-family: -apple-system, BlinkMacSystemFont, Arial, sans-serif;">
    <div style="font-size: 20px; font-weight: 700; color: #1e293b; margin-bottom: 15px;">📋 Содержание руководства:</div>
    <div style="display: flex; flex-wrap: wrap; gap: 20px;">
        <div style="flex: 1; min-width: 280px;">
            <ul style="list-style: none !important; padding-left: 0 !important; margin: 0 !important; line-height: 1.6;">
                <li style="margin-bottom: 10px !important; position: relative; padding-left: 20px;"><a href="#sem-part1" style="color: #2563eb !important; text-decoration: none; font-weight: 500;">1. Что такое семантическое ядро и зачем оно вашему сайту</a></li>
                <li style="margin-bottom: 10px !important; position: relative; padding-left: 20px;"><a href="#sem-part2" style="color: #2563eb !important; text-decoration: none; font-weight: 500;">2. Почему писать статьи без семантики — фатальная ошибка</a></li>
                <li style="margin-bottom: 10px !important; position: relative; padding-left: 20px;"><a href="#sem-part3" style="color: #2563eb !important; text-decoration: none; font-weight: 500;">3. Как ключевые слова влияют на ранжирование в Яндексе</a></li>
                <li style="margin-bottom: 10px !important; position: relative; padding-left: 20px;"><a href="#sem-part4" style="color: #2563eb !important; text-decoration: none; font-weight: 500;">4. Автоматизация против рутины: зачем шпионить за конкурентами</a></li>
            </ul>
        </div>
        <div style="flex: 1; min-width: 280px;">
            <ul style="list-style: none !important; padding-left: 0 !important; margin: 0 !important; line-height: 1.6;">
                <li style="margin-bottom: 10px !important; position: relative; padding-left: 20px;"><a href="#sem-part5" style="color: #2563eb !important; text-decoration: none; font-weight: 500;">5. Обзор Keys.so — ультимативный инструмент для сбора семантики</a></li>
                <li style="margin-bottom: 10px !important; position: relative; padding-left: 20px;"><a href="#sem-part6" style="color: #2563eb !important; text-decoration: none; font-weight: 500;">6. Пошаговый алгоритм: как угнать все ключи конкурентов за 5 минут</a></li>
                <li style="margin-bottom: 10px !important; position: relative; padding-left: 20px;"><a href="#sem-part7" style="color: #2563eb !important; text-decoration: none; font-weight: 500;">7. FAQ по работе с семантическим ядром и Keys.so</a></li>
            </ul>
        </div>
    </div>
</div>/* End custom CSS */