/* Single blog post */
.wrapper.blog-post-page { padding-top: 6rem; }
.blog-post-page .blogPostSingle { max-width: 720px; margin: 0 auto; padding: 0 1rem 3rem; }
.blog-post-page .blogPostSingle h1 { font-size: 1.75rem; font-weight: 700; color: #353535; margin: 0 0 0.25rem; line-height: 1.3; }
.blog-post-page .blogPostSingle .post-meta { font-size: 0.9rem; color: #666; margin-bottom: 1.5rem; }
.blog-post-page .blogPostSingle .post-img { margin-bottom: 1.5rem; }
.blog-post-page .blogPostSingle .post-img img { max-width: 100%; height: auto; border-radius: 6px; }
.blog-post-page .blogPostContent { line-height: 1.6; color: #353535; }

/* Taxonomy badges */
.blog-post-page .post-taxonomies { margin: 1.5rem 0; display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.blog-post-page .post-taxonomies .badge { font-size: 0.8rem; font-weight: 500; padding: 0.35em 0.65em; text-decoration: none; }
.blog-post-page .post-taxonomies .badge-cat { background: #2A2777; color: #fff; }
.blog-post-page .post-taxonomies .badge-cat:hover { background: #1e1b54; }
.blog-post-page .post-taxonomies .badge-tag { background: #e9ecef; color: #353535; }
.blog-post-page .post-taxonomies .badge-tag:hover { background: #dee2e6; }

/* Related posts */
.blog-post-page .related-section { max-width: 720px; margin: 0 auto; padding: 0 1rem 3rem; }
.blog-post-page .related-section h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; color: #353535; }
.blog-post-page .related-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1.25rem; }
.blog-post-page .related-card { text-decoration: none; color: inherit; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: box-shadow 0.2s; }
.blog-post-page .related-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.blog-post-page .related-card img { width: 100%; height: 140px; object-fit: cover; }
.blog-post-page .related-card .related-info { padding: 0.75rem; }
.blog-post-page .related-card .related-info h4 { font-size: 0.9rem; font-weight: 600; margin: 0 0 0.25rem; line-height: 1.3; color: #353535; }
.blog-post-page .related-card .related-info span { font-size: 0.8rem; color: #999; }