/* CSS Generated on: 2025-11-19 09:34:19 */
/* Base CSS */


/* Dynamic Overrides */
        /* === OUTER CONTAINER === */
        .new-gen-container {
            max-width: 1100px;
            padding-top: 10px;
            padding-bottom: 20px;
        }
        .post-content-card {
            background: #fff;
            box-shadow: 0 3px 12px rgba(0,0,0,0.08);
            border-radius: 10px;
            padding: 25px;
        }
        .post-title {
            color: #111111;
            font-size: 34px;
            font-family: 'Poppins', sans-serif;
        }
        
        .post-meta, 
        .post-meta .author-name a, 
        .post-meta .post-date, 
        .post-meta .reading-time,
        .related-post-date {
            color: #000000;
        }

        .post-body {
            color: #333;
            font-size: 17px;
            font-family: 'Poppins', sans-serif;
            max-width: 1200px;
        }
        .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 {
            color: #222;
        }
        .post-sidebar {
            position: sticky;
            top: 25px;
        }

        /* === MOBILE STYLES === */
        @media(max-width:768px){
            .new-gen-container {
                max-width: 100%;
                padding-top: 1px;
                padding-bottom: 10px;
                /* [UPDATED] Add horizontal padding to create a safe area for content like sidebar and related posts */
                padding-left: 15px;
                padding-right: 15px;
                box-sizing: border-box; /* Ensures padding is included in the width calculation */
            }
            .post-content-card {
                padding: 25px;
                /* [NEW] Make the card's background full-width on mobile using negative margins */
                margin-left: -15px;
                margin-right: -15px;
                border-radius: 0; /* Remove rounded corners for a seamless full-width look */
            }
            .post-title {
                font-size: 26px;
            }
            .post-body {
                font-size: 16px;
                max-width: 100%;
            }
        }
                    .author-box { display: none !important; }
                