/* Feature detail page content styles */
.feature-content h2 { font-size: 1.5rem; font-weight: 700; margin-top: 2rem; margin-bottom: 1rem; color: #111827; }
.feature-content h3 { font-size: 1.25rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #111827; }
.feature-content p { margin-bottom: 1rem; line-height: 1.75; color: #6b7280; }
.feature-content ul, .feature-content ol { margin-bottom: 1rem; padding-left: 1.5rem; }
.feature-content li { margin-bottom: 0.5rem; line-height: 1.6; color: #6b7280; }
.feature-content strong { color: #111827; font-weight: 600; }
.feature-content .highlight-box { padding: 1rem 1.25rem; border-radius: 0.75rem; margin: 1.25rem 0; background: #f5f3ff; border-left: 4px solid #7c3aed; }
.feature-content .highlight-box.success { background: #ecfdf5; border-left-color: #10b981; }
.feature-content .highlight-box.warning { background: #fffbeb; border-left-color: #f59e0b; }
.feature-content .highlight-box strong { display: block; margin-bottom: 0.25rem; }
.feature-content table { width: 100%; border-collapse: collapse; margin: 1.25rem 0; font-size: 0.9rem; }
.feature-content th, .feature-content td { padding: 0.75rem 1rem; border: 1px solid #e5e7eb; text-align: left; }
.feature-content th { background: #f9fafb; font-weight: 600; color: #111827; }
.feature-content td { color: #6b7280; }
.feature-content pre { background: #1e293b; color: #e2e8f0; padding: 1rem; border-radius: 0.5rem; overflow-x: auto; font-size: 0.85rem; margin: 1rem 0; }
.feature-content pre code { background: transparent; color: #e2e8f0; padding: 0; font-size: inherit; }
.feature-content code { font-family: 'Fira Code', monospace; background: #f3f4f6; color: #e11d48; padding: 0.15rem 0.4rem; border-radius: 0.25rem; font-size: 0.875em; }
.feature-content ol { list-style-type: decimal; }

/* Dark mode */
.dark .feature-content h2, .dark .feature-content h3 { color: #f3f4f6; }
.dark .feature-content p, .dark .feature-content li, .dark .feature-content td { color: #9ca3af; }
.dark .feature-content strong { color: #f3f4f6; }
.dark .feature-content .highlight-box { background: rgba(124,58,237,0.1); }
.dark .feature-content .highlight-box.success { background: rgba(16,185,129,0.1); }
.dark .feature-content .highlight-box.warning { background: rgba(245,158,11,0.1); }
.dark .feature-content th { background: #1e293b; color: #f3f4f6; border-color: #374151; }
.dark .feature-content td { border-color: #374151; }