/* Custom overrides – Tailwind is loaded via CDN in layouts */

/* Line clamp utility (fallback for older browsers) */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Prose styles for blog content */
.prose h1, .prose h2, .prose h3 { font-weight: 700; margin: 1.25em 0 0.5em; }
.prose h1 { font-size: 1.875rem; }
.prose h2 { font-size: 1.5rem; }
.prose h3 { font-size: 1.25rem; }
.prose p  { margin: 0.75em 0; }
.prose a  { color: #1d4ed8; text-decoration: underline; }
.prose ul { list-style: disc; padding-left: 1.5em; margin: 0.75em 0; }
.prose ol { list-style: decimal; padding-left: 1.5em; margin: 0.75em 0; }
.prose li { margin: 0.3em 0; }
.prose blockquote { border-left: 4px solid #1d4ed8; padding-left: 1em; color: #6b7280; font-style: italic; }
.prose code { background: #f3f4f6; padding: 0.2em 0.4em; border-radius: 0.25em; font-size: 0.875em; }
.prose pre  { background: #1e293b; color: #e2e8f0; padding: 1em; border-radius: 0.5em; overflow-x: auto; }