Просмотр кода страницы Территория поддержки

__NOTOC__
<div style="text-align:left; padding: 20px 0; margin-bottom: 20px;">
    <h2 style="border-bottom: 2px solid #6a1b9a; color: #6a1b9a; padding-bottom: 10px;">🏠 Территория поддержки</h2>
    <p style="font-size: 1.1rem; color: #444; line-height: 1.6;">
        Мы верим, что поддержка нужна не только ребенку, но и всей семье. В этом разделе вы найдете ресурсы для восстановления сил, общения с единомышленниками и организации полноценного семейного досуга. Вы не одни.
    </p>
</div>

<div class="row">
  <div class="large-4 medium-4 columns" style="margin-bottom: 20px;">
    <div style="border-radius: 12px; border: 1px solid #ddd; border-top: 8px solid #6a1b9a; padding: 20px; text-align: center; height: 320px; background: white; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
      <div style="font-size: 3rem; margin-bottom: 15px;">🧠</div>
      <div style="font-size: 1.2rem; font-weight: bold; margin-bottom: 10px;">[[:Категория:Психология|Психология]]</div>
      <p style="color: #555; font-size: 0.85rem;">Работа с выгоранием, принятие диагноза, контакты проверенных психологов и групп психологической разгрузки.</p>
    </div>
  </div>

  <div class="large-4 medium-4 columns" style="margin-bottom: 20px;">
    <div style="border-radius: 12px; border: 1px solid #ddd; border-top: 8px solid #8e24aa; padding: 20px; text-align: center; height: 320px; background: white; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
      <div style="font-size: 3rem; margin-bottom: 15px;">🎭</div>
      <div style="font-size: 1.2rem; font-weight: bold; margin-bottom: 10px;">[[:Категория:Досуг и Социализация|Досуг и Социализация]]</div>
      <p style="color: #555; font-size: 0.85rem;">Идеи для отдыха всей семьей, анонсы праздников АНО «Теплее вместе» и инклюзивные площадки города.</p>
    </div>
  </div>

  <div class="large-4 medium-4 columns" style="margin-bottom: 20px;">
    <div style="border-radius: 12px; border: 1px solid #ddd; border-top: 8px solid #ab47bc; padding: 20px; text-align: center; height: 320px; background: white; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
      <div style="font-size: 3rem; margin-bottom: 15px;">💬</div>
      <div style="font-size: 1.2rem; font-weight: bold; margin-bottom: 10px;">[[:Категория:Сообщества|Сообщества]]</div>
      <p style="color: #555; font-size: 0.85rem;">Навигатор по чатам поддержки, группы в мессенджерах по нозологиям и сообщества активных родителей.</p>
    </div>
  </div>
</div>

<div style="background: #f3e5f5; border: 1px solid #e1bee7; padding: 20px; border-radius: 10px; margin: 20px 0;">
    <h4 style="margin-top:0; color: #333;">❤️ Берегите себя</h4>
    <p style="font-size: 0.95rem; color: #444;">
        Помните о правиле «кислородной маски»: сначала помоги себе, потом ребенку. Взаимопомощь и общение — лучший способ справиться с изоляцией.
    </p>
</div>

<div style="margin-top: 40px; padding-top: 20px; border-top: 2px solid #6a1b9a;">
    <p style="font-size: 1.2rem; color: #6a1b9a; font-weight: bold; text-align: center; background: #f3e5f5; padding: 15px; border-radius: 8px;">
        🏠 Полный список материалов раздела «Территория поддержки»
    </p>
</div>