/* Blog Post Styles */
.post-full { max-width: 720px; margin: 2rem auto; padding: 0 1rem; }
.post-header { margin-bottom: 2rem; }
.post-meta { font-size: 0.875rem; color: var(--text-light); margin-bottom: 1rem; }
.post-header h1 { font-size: 2.25rem; font-weight: 700; line-height: 1.25; margin-bottom: 1rem; }
.post-excerpt { font-size: 1.125rem; color: var(--text-light); line-height: 1.6; margin-bottom: 1.5rem; }
.author-box { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: var(--background); border-radius: var(--radius); }
.author-avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.author-name { font-weight: 600; }
.author-bio { font-size: 0.875rem; color: var(--text-light); }
.post-hero { margin: 2rem 0; }
.post-hero img { width: 100%; border-radius: var(--radius); }
.post-hero figcaption { padding: 0.75rem 0; font-size: 0.8125rem; color: var(--text-light); }
.post-body { font-size: 1.0625rem; line-height: 1.85; }
.post-body p { margin-bottom: 1.5rem; }
.post-body h2 { font-size: 1.5rem; font-weight: 700; margin: 2.5rem 0 1rem; }
.post-body h3 { font-size: 1.25rem; font-weight: 600; margin: 2rem 0 1rem; }
.post-body blockquote { margin: 2rem 0; padding: 1.5rem; background: var(--background); border-left: 4px solid var(--primary); font-style: italic; }
.post-body code { background: var(--background); padding: 0.25rem 0.5rem; border-radius: 0.25rem; font-family: monospace; font-size: 0.9em; }
.post-body pre { background: #1f2937; color: #e5e7eb; padding: 1.5rem; border-radius: var(--radius); overflow-x: auto; margin: 2rem 0; }
.post-body pre code { background: none; padding: 0; color: inherit; }
.post-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--border); }
.post-tags .tag { background: var(--primary); color: white; padding: 0.5rem 1rem; border-radius: 2rem; font-size: 0.8125rem; }
.post-share { display: flex; align-items: center; gap: 1rem; margin-top: 2rem; padding: 1.25rem; background: var(--background); border-radius: var(--radius); }
.share-buttons { display: flex; gap: 0.5rem; }
.share-btn { padding: 0.5rem 1rem; border-radius: 0.25rem; font-size: 0.8125rem; font-weight: 500; }
.share-btn.twitter { background: #000; color: white; }
.share-btn.reddit { background: #ff4500; color: white; }