.blog-post {border-radius: var(--border-radius); box-shadow: var(--shadow); padding: 1rem 2rem; margin-bottom: 1rem;}
.blog-post-title {font-weight: 700; margin-bottom: 1rem;}
.post-image-wrapper {max-height: 400px; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
.post-featured-image {width: 100%; height: 400px;object-fit: cover; object-position: center;}
.post-image {padding-right: 1.5rem;}
.blog-post-image {width: 100%; max-height: 500px; object-fit: contain; object-position: center; border-radius: var(--border-radius); margin-bottom: 2rem; background: var(--light-color); padding: 1rem;}
.blog-post-content {font-size: 1.1rem; line-height: 1.8;}
.blog-post-content h2 {padding: 5px 2px 5px 10px;background-image: linear-gradient(to right, #c51717 0%, #0a0e07 50%, #2eb362 100%);border-radius: 4px;color: white !important;}
.inline-related-post a { color:blue; } 
.inline-related-post .related-toggle { font-weight: 700;margin-right: 10px; }
.blog-post-meta {color: var(--secondary-color); font-size: 14px;border-block: 2px solid var(--light-color); justify-content:end;}
.blog-post-meta a {color: blue;}
.inline-related-post { display: flex; align-items: center; background-color: #f4f4f4; border-left: 4px solid #0073aa; padding: 10px 15px; margin: 20px 0; font-size: 16px; font-family: Arial, sans-serif; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } 
:root[data-bs-theme="dark"] .inline-related-post {background-color: #2d2d2d;}
@media (max-width: 768px) { 
.blog-post-title { font-size: 30px; text-align: center; font-weight: 600; } 
.blog-post { padding: 6px; box-shadow: none; }
.post-featured-image { height:auto !important; }
.inline-related-post {flex-direction: column;align-items: flex-start;}
.inline-related-post .related-toggle {margin-bottom: 5px;}
}