/* Universal Text Formatting Module */
/* Универсальный модуль форматирования текста */

/* Key points highlighting */
.universal-text strong {
  color: #22d3ee;
  font-weight: 600;
}

.universal-text em {
  color: #a78bfa;
  font-style: italic;
}

.universal-text code {
  background: rgba(0, 0, 0, 0.1);
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
  color: #f59e0b;
}

/* Lists formatting */
.universal-text ul, .universal-text ol {
  margin: 1rem 0;
  padding-left: 1.5rem;
}

.universal-text li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

/* Highlighted sections - голубой */
.universal-text .highlight {
  background: rgba(34, 211, 238, 0.15);
  padding: 1.25rem;
  border-radius: 10px;
  border-left: 4px solid #22d3ee;
  margin: 1.5rem 0;
  box-shadow: 0 2px 8px rgba(34, 211, 238, 0.1);
}

.universal-text .highlight h4 {
  margin: 0 0 0.75rem 0;
  color: #22d3ee;
  font-size: 1.15rem;
  font-weight: 700;
}

/* Results/ROI sections - зеленый */
.universal-text .results {
  background: rgba(16, 185, 129, 0.15);
  border-left: 4px solid #10b981;
  padding: 1.25rem;
  border-radius: 10px;
  margin: 1.5rem 0;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.1);
}

.universal-text .results h4 {
  margin: 0 0 0.75rem 0;
  color: #10b981;
  font-size: 1.15rem;
  font-weight: 700;
}

/* Conclusion sections - фиолетовый */
.universal-text .conclusion {
  background: rgba(139, 92, 246, 0.15);
  border-left: 4px solid #8b5cf6;
  padding: 1.25rem;
  border-radius: 10px;
  margin: 1.5rem 0;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.1);
}

.universal-text .conclusion h4 {
  margin: 0 0 0.75rem 0;
  color: #a78bfa;
  font-size: 1.15rem;
  font-weight: 700;
}

/* Key Points sections - синий */
.universal-text .key-points {
  background: rgba(59, 130, 246, 0.15);
  border-left: 4px solid #3b82f6;
  padding: 1.25rem;
  border-radius: 10px;
  margin: 1.5rem 0;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);
}

.universal-text .key-points h4 {
  margin: 0 0 0.75rem 0;
  color: #60a5fa;
  font-size: 1.15rem;
  font-weight: 700;
}

/* Challenges sections - оранжевый */
.universal-text .challenges {
  background: rgba(249, 115, 22, 0.15);
  border-left: 4px solid #f97316;
  padding: 1.25rem;
  border-radius: 10px;
  margin: 1.5rem 0;
  box-shadow: 0 2px 8px rgba(249, 115, 22, 0.1);
}

.universal-text .challenges h4 {
  margin: 0 0 0.75rem 0;
  color: #fb923c;
  font-size: 1.15rem;
  font-weight: 700;
}

/* Best Practices sections - желтый */
.universal-text .best-practices {
  background: rgba(234, 179, 8, 0.15);
  border-left: 4px solid #eab308;
  padding: 1.25rem;
  border-radius: 10px;
  margin: 1.5rem 0;
  box-shadow: 0 2px 8px rgba(234, 179, 8, 0.1);
}

.universal-text .best-practices h4 {
  margin: 0 0 0.75rem 0;
  color: #fbbf24;
  font-size: 1.15rem;
  font-weight: 700;
}

/* Summary sections - бирюзовый */
.universal-text .summary {
  background: rgba(20, 184, 166, 0.15);
  border-left: 4px solid #14b8a6;
  padding: 1.25rem;
  border-radius: 10px;
  margin: 1.5rem 0;
  box-shadow: 0 2px 8px rgba(20, 184, 166, 0.1);
}

.universal-text .summary h4 {
  margin: 0 0 0.75rem 0;
  color: #5eead4;
  font-size: 1.15rem;
  font-weight: 700;
}

/* Important/Note sections - желтый */
.universal-text .important {
  background: rgba(245, 158, 11, 0.15);
  border-left: 4px solid #f59e0b;
  padding: 1.25rem;
  border-radius: 10px;
  margin: 1.5rem 0;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.1);
}

.universal-text .important h4 {
  margin: 0 0 0.75rem 0;
  color: #fbbf24;
  font-size: 1.15rem;
  font-weight: 700;
}

/* Paragraph spacing */
.universal-text p {
  margin-bottom: 1rem;
  line-height: 1.7;
}

/* Headings */
.universal-text h1, .universal-text h2, .universal-text h3, .universal-text h4 {
  margin: 1.5rem 0 1rem 0;
  color: #1f2937;
}

.universal-text h1 {
  font-size: 2rem;
  font-weight: 700;
}

.universal-text h2 {
  font-size: 1.5rem;
  font-weight: 600;
}

.universal-text h3 {
  font-size: 1.25rem;
  font-weight: 600;
}

.universal-text h4 {
  font-size: 1.1rem;
  font-weight: 600;
}

/* Blockquotes */
.universal-text blockquote {
  border-left: 4px solid #22d3ee;
  padding-left: 1rem;
  margin: 1.5rem 0;
  font-style: italic;
  color: #6b7280;
}

/* Tables */
.universal-text table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
}

.universal-text th, .universal-text td {
  padding: 0.75rem;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
}

.universal-text th {
  background: rgba(34, 211, 238, 0.1);
  font-weight: 600;
  color: #1f2937;
}

/* Dark theme support */
.dark .universal-text {
  color: #f3f4f6;
}

.dark .universal-text h1, 
.dark .universal-text h2, 
.dark .universal-text h3, 
.dark .universal-text h4 {
  color: #f9fafb;
}

.dark .universal-text th {
  background: rgba(34, 211, 238, 0.2);
  color: #f9fafb;
}

.dark .universal-text td {
  border-bottom-color: #374151;
}

.dark .universal-text blockquote {
  color: #d1d5db;
}

/* Responsive design */
@media (max-width: 768px) {
  .universal-text {
    font-size: 0.9rem;
  }
  
  .universal-text h1 {
    font-size: 1.5rem;
  }
  
  .universal-text h2 {
    font-size: 1.25rem;
  }
  
  .universal-text .highlight,
  .universal-text .results {
    padding: 0.75rem;
    margin: 1rem 0;
  }
}