/* VitalidAI Turbo Blog CSS - Lightweight Production Styles */
:root { --sky-900: #0c4a6e; --sky-800: #075985; --sky-600: #0284c7; --sky-100: #e0f2fe; --teal-500: #14b8a6; --teal-600: #0d9488; --teal-400: #2dd4bf; --cyan-700: #0e7490; --gray-900: #111827; --gray-800: #1f2937; --gray-100: #f3f4f6; --gray-50: #f9fafb; --gray-500: #6b7280; --gray-600: #4b5563; }
body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }
.container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; }
@media (min-width: 768px) { .container { max-width: 768px; } }
@media (min-width: 1024px) { .container { max-width: 1024px; } }
.prose { color: #334155; line-height: 1.75; font-size: 1.125rem; }
.prose h2 { font-size: 1.5rem; font-weight: 700; color: #0f172a; margin-top: 1.5rem; margin-bottom: 1rem; }
.prose p { margin-bottom: 1.25rem; }
.prose img { border-radius: 1rem; max-width: 100%; height: auto; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
.bg-gradient-header { background: linear-gradient(to right, var(--sky-900), var(--cyan-700)); }
.bg-cta { background: linear-gradient(to bottom right, var(--sky-900), var(--cyan-800)); }
.rounded-3xl { border-radius: 1.5rem; }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); }
/* Minimal grid / utility classes included */
.flex { display: flex; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; }
@media (min-width: 768px) { .md\:flex-row { flex-direction: row; } }
.text-white { color: white; } .text-teal-400 { color: var(--teal-400); } .bg-teal-500 { background-color: var(--teal-500); }
.hidden { display: none; } @media (min-width: 768px) { .md\:flex { display: flex; } }