/* Стили для страницы Документация (docs.php) */

.docs-hero {
  background: radial-gradient(135deg, #ffffff 0%, var(--canvas-bg, #f8fafc) 100%);
  min-height: 75vh;
}

.docs-teaser-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid var(--border-color);
  padding: 24px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.docs-teaser-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
}