<style>
.gamma-doc-container {
  max-width: 900px;
  margin: 40px auto;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 32px rgba(0,0,0,0.08);
  padding: 48px 32px 32px 32px;
  font-family: 'Inter', Arial, sans-serif;
  color: #222;
}
.gamma-doc-title {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 12px;
  letter-spacing: -1px;
}
.gamma-doc-subtitle {
  font-size: 1.25rem;
  color: #666;
  margin-bottom: 32px;
}
.gamma-doc-section {
  margin-bottom: 40px;
}
.gamma-doc-section h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1a1a1a;
}
.gamma-doc-section h3 {
  font-size: 1.15rem;
  font-weight: 500;
  margin-bottom: 8px;
  color: #333;
}
.gamma-doc-section ul, .gamma-doc-section ol {
  margin-left: 24px;
  margin-bottom: 16px;
}
.gamma-doc-section li {
  margin-bottom: 6px;
}
.gamma-doc-section p {
  margin-bottom: 14px;
  line-height: 1.7;
}
.gamma-doc-highlight {
  background: #f5f7fa;
  border-left: 4px solid #4f8cff;
  padding: 12px 18px;
  border-radius: 6px;
  margin-bottom: 18px;
  color: #234;
  font-size: 1rem;
}
@media (max-width: 600px) {
  .gamma-doc-container { padding: 18px 6px; }
  .gamma-doc-title { font-size: 2rem; }
}
</style>

<div class="gamma-doc-container">
  <div class="gamma-doc-title">Sport</div>
  <div class="gamma-doc-subtitle">Документация по проекту Sport на платформе Gamma</div>
  
  <div class="gamma-doc-section">
    <h2>Введение</h2>
    <p>
      Добро пожаловать в документацию проекта <b>Sport</b>! Здесь вы найдёте информацию о целях, структуре, возможностях и использовании данного проекта, созданного на платформе Gamma.
    </p>
    <div class="gamma-doc-highlight">
      <b>Sport</b> — это шаблон для презентаций, отчетов и совместной работы, который можно адаптировать под различные задачи, связанные со спортом.
    </div>
  </div>
  
  <div class="gamma-doc-section">
    <h2>Основные возможности</h2>
    <ul>
      <li>Современный дизайн и адаптивная верстка</li>
      <li>Быстрое создание презентаций и документов</li>
      <li>Возможность совместной работы</li>
      <li>Интерактивные элементы и визуализация данных</li>
      <li>Экспорт в PDF и другие форматы</li>
    </ul>
  </div>
  
  <div class="gamma-doc-section">
    <h2>Структура документа</h2>
    <ol>
      <li>Введение</li>
      <li>Возможности</li>
      <li>Структура</li>
      <li>Использование</li>
      <li>Часто задаваемые вопросы</li>
      <li>Контакты</li>
    </ol>
  </div>
  
  <div class="gamma-doc-section">
    <h2>Как использовать шаблон Sport</h2>
    <h3>1. Копирование шаблона</h3>
    <p>
      Для начала работы скопируйте шаблон в свой рабочий аккаунт Gamma. Нажмите кнопку <b>“Duplicate”</b> в правом верхнем углу.
    </p>
    <h3>2. Редактирование контента</h3>
    <p>
      Замените текст, изображения и таблицы на свои данные. Используйте встроенные блоки Gamma для добавления новых секций.
    </p>
    <h3>3. Совместная работа</h3>
    <p>
      Пригласите коллег для совместного редактирования или комментирования документа.
    </p>
    <h3>4. Экспорт и публикация</h3>
    <p>
      После завершения работы экспортируйте документ в PDF или поделитесь публичной ссылкой.
    </p>
  </div>
  
  <div class="gamma-doc-section">
    <h2>Часто задаваемые вопросы</h2>
    <h3>Можно ли изменить структуру шаблона?</h3>
    <p>Да, вы можете добавлять, удалять или перемещать любые блоки по своему усмотрению.</p>
    <h3>Поддерживается ли мобильная версия?</h3>
    <p>Да, шаблон полностью адаптивен и корректно отображается на мобильных устройствах.</p>
    <h3>Как добавить свои изображения?</h3>
    <p>Используйте блок “Image” или перетащите изображение прямо в нужное место документа.</p>
  </div>
  
  <div class="gamma-doc-section">
    <h2>Контакты</h2>
    <p>
      Если у вас есть вопросы или предложения, свяжитесь с поддержкой Gamma:<br>
      <a href="mailto:support@gamma.app">support@gamma.app</a>
    </p>
  </div>
</div>