/* Base */
* { box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; }

/* Prose content for blog posts */
.prose-content h2 { color: #fff; font-size: 1.25rem; font-weight: 600; margin: 1.5rem 0 0.75rem; }
.prose-content h3 { color: #e2e8f0; font-size: 1rem; font-weight: 600; margin: 1.25rem 0 0.5rem; }
.prose-content p { margin: 0.75rem 0; color: #94a3b8; line-height: 1.75; }
.prose-content ul, .prose-content ol { padding-left: 1.5rem; color: #94a3b8; }
.prose-content li { margin: 0.4rem 0; line-height: 1.7; }
.prose-content strong { color: #e2e8f0; font-weight: 600; }
.prose-content a { color: #0EA5E9; text-decoration: underline; }
.prose-content a:hover { color: #38bdf8; }
.prose-content blockquote { border-left: 3px solid #0EA5E9; padding-left: 1rem; color: #64748b; font-style: italic; margin: 1rem 0; }
.prose-content code { background: #1e293b; color: #7dd3fc; padding: 0.1rem 0.4rem; border-radius: 4px; font-size: 0.875em; }

/* FAQ transition */
.faq-icon { transition: transform 0.2s ease; }

/* Ad container spacing */
.ad-container { min-height: 60px; }

/* Share card font smoothing */
#share-card { -webkit-font-smoothing: antialiased; }

/* Spinner animation */
@keyframes spin { to { transform: rotate(360deg); } }
.animate-spin { animation: spin 0.8s linear infinite; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }