main { padding-top: 70px; background-color: #FFFFFF; }
.post-article { padding: 60px 0; }
.post-container { width: 90%; max-width: 1100px; margin: 0 auto; }

/* Post Header */
.post-header { text-align: center; margin-bottom: 40px; }
.post-category { display: inline-block; background-color: #f0eefc; color: #7553DD; padding: 6px 15px; border-radius: 50px; font-weight: 600; text-decoration: none; font-size: 0.9rem; margin-bottom: 15px; }
.post-title { font-size: 3rem; color: #1E1E3C; margin: 0 0 15px 0; line-height: 1.2; }
.post-meta { color: #555; }
.post-meta .separator { margin: 0 10px; }

/* Featured Image */
.featured-image-wrapper { margin-bottom: 40px; }
.featured-image-wrapper img { width: 100%; max-height: 500px; object-fit: cover; border-radius: 20px; }

/* Post Body and Sidebar */
.post-body-container { display: grid; grid-template-columns: 1fr 300px; gap: 60px; }

/* Main Content Styling */
.post-content { font-size: 1.1rem; line-height: 1.8; color: #333; }
.post-content p { margin-bottom: 20px; }
.post-content h2 { font-size: 2rem; margin: 40px 0 20px 0; color: #1E1E3C; }
.post-content h3 { font-size: 1.5rem; margin: 30px 0 15px 0; color: #1E1E3C; }
.post-content ul, .post-content ol { padding-left: 25px; margin-bottom: 20px; }
.post-content blockquote { border-left: 4px solid #7553DD; padding-left: 20px; margin: 30px 0; font-style: italic; color: #555; }

/* Sidebar */
.post-sidebar .widget { background-color: #f8f9fa; padding: 25px; border-radius: 16px; }
.widget h4 { margin: 0 0 20px 0; font-size: 1.3rem; }
.social-share-buttons { display: flex; flex-direction: column; gap: 10px; }
.share-btn { padding: 12px; border-radius: 8px; text-decoration: none; color: #FFFFFF; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 10px; transition: opacity 0.3s ease; }
.share-btn:hover { opacity: 0.9; }
.share-btn.facebook { background-color: #1877F2; }
.share-btn.twitter { background-color: #1DA1F2; }
.share-btn.whatsapp { background-color: #25D366; }
.share-btn.linkedin { background-color: #0A66C2; }

/* Responsive */
@media (max-width: 992px) {
    .post-body-container { grid-template-columns: 1fr; }
    .post-sidebar { order: -1; margin-bottom: 40px; }
}
@media (max-width: 768px) { .post-title { font-size: 2.2rem; } }