/* Insights page custom styling - MAXIMUM SPECIFICITY */
/* Force grid layout */
body .content_wrapper_full .posts-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2% !important; /* Increased spacing */
}
/* FORCE equal height posts - 3 per row */
body .content_wrapper_full .posts-grid .post-item {
    display: flex !important;
    flex-direction: column !important;
    width: 32% !important;
    height: 450px !important;
    max-height: 450px !important;
    min-height: 450px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important; /* Increased vertical spacing */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important; /* Smooth transition */
}
/* Add hover effects */
body .content_wrapper_full .posts-grid .post-item:hover {
    transform: translateY(-5px) !important; /* Slight lift effect */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important; /* Drop shadow on hover */
}
/* ULTRA-HIGH SPECIFICITY - SHOW date but hide comments */
html body .content_wrapper_full .posts-grid .post-item .blog-date-author,
html body .content_wrapper_full .posts-grid .post-item .mainContent .blog-date-author,
html body .content_wrapper_full .posts-grid .post-item .mainContent-top .blog-date-author {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    margin: 5px 0 !important;
    padding: 0 !important;
    font-style: normal !important;
}
html body .content_wrapper_full .posts-grid .post-item .cs-date,
html body .content_wrapper_full .posts-grid .post-item span.cs-date,
html body .content_wrapper_full .posts-grid .post-item .blog-date-author .cs-date,
html body .content_wrapper_full .posts-grid .post-item .blog-date-author span.cs-date {
    display: inline !important;
    visibility: visible !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-style: normal !important;
    color: #666 !important;
}
html body .content_wrapper_full .posts-grid .post-item .cs-comments,
html body .content_wrapper_full .posts-grid .post-item span.cs-comments,
html body .content_wrapper_full .posts-grid .post-item .blog-date-author .cs-comments,
html body .content_wrapper_full .posts-grid .post-item .blog-date-author span.cs-comments {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* ULTRA-HIGH SPECIFICITY - FORCE tighter line spacing on titles with Urbanist Extrabold */
html body .content_wrapper_full .posts-grid .post-item .blog-post-title,
html body .content_wrapper_full .posts-grid .post-item .mainContent .blog-post-title,
html body .content_wrapper_full .posts-grid .post-item .mainContent-top .blog-post-title {
    line-height: 0.8 !important; /* Even tighter line spacing */
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
}
html body .content_wrapper_full .posts-grid .post-item .blog-post-title a,
html body .content_wrapper_full .posts-grid .post-item .mainContent .blog-post-title a,
html body .content_wrapper_full .posts-grid .post-item .mainContent-top .blog-post-title a {
    line-height: 0.8 !important; /* Even tighter line spacing */
    margin: 0 !important;
    padding: 0 !important;
    font-size: 24px !important;
    color: #444 !important;
    font-weight: 800 !important; /* Extrabold */
    font-family: 'Urbanist', sans-serif !important; /* Urbanist font */
}
/* FORCE reduce spacing */
body .posts-grid .post-item .mainContent-top {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
}
/* FORCE content styling */
body .posts-grid .post-item .mainContent {
    background: #f9f9f9 !important;
    padding: 30px !important;
    border: 1px solid #e6e6e6 !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
/* Image container */
body .posts-grid .post-item .cs-cat-thumbnail {
    flex: 0 0 auto !important;
}
body .posts-grid .post-item .cs-cat-thumbnail img {
    width: 100% !important;
    height: auto !important;
}
/* Responsive design with FORCE */
@media (max-width: 1024px) {
    body .content_wrapper_full .posts-grid .post-item {
        width: 48% !important;
        height: 400px !important;
        max-height: 400px !important;
        min-height: 400px !important;
    }
}
@media (max-width: 768px) {
    body .content_wrapper_full .posts-grid .post-item {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        min-height: auto !important;
    }
}