/* ═══════════════════════════════════════════════════════════════════
   Extracted from resources/views/blog/show.blade.php
   Previously 1 inline <style> block, re-sent on every render and
   uncacheable. Blocks are concatenated in their original source order,
   so the cascade within the page is unchanged.
   ═══════════════════════════════════════════════════════════════════ */

.post-content h2 { margin-top: 2.5rem; margin-bottom: 1rem; font-weight: 800; color: var(--color-text); }
.post-content p { margin-bottom: 1.5rem; }
.post-content ul, .post-content ol { margin-bottom: 1.5rem; padding-left: 1.5rem; }
.post-content li { margin-bottom: .5rem; }
.post-content img { max-width: 100%; height: auto; border-radius: var(--radius-md); margin: 2rem 0; }
.post-content table { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: var(--text-sm); }
.post-content th, .post-content td { border: 1px solid var(--color-border); padding: .75rem; text-align: left; }
.post-content th { background: var(--color-surface-2); font-weight: 700; }
.post-content blockquote { border-left: 4px solid var(--color-primary); padding-left: 1.5rem; font-style: italic; color: var(--color-text-muted); margin: 2rem 0; }