/* Navigation Buttons */
        .btn-group {
            display: flex;
            gap: 10px;
            margin-bottom: 20px;
            flex-direction: column;
        }

        .tab-btn {
            flex: 1;
            padding: 10px 16px;
            font-size: 14px;
            cursor: pointer;
            border: 1px solid #20140f;
            background-color: #db917a;
            border-radius: 4px;
            transition: all 0.2s ease;
        }

        .tab-btn.active {
            background-color: #f5eae2;
            color: #000000;
            border-color: #ffffff;
            font-weight: bold;
        }

        /* Blog Display Container */
        .blog-container {
            min-height: 180px;

        }

        /* Visibility Control */
        .blog-post {
            display: none; /* Hidden by default */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            background-repeat: no-repeat;
            background-size: cover;           
            border: 2px solid #0c0805;
            border-radius: 16px;
            padding: 15px;
            margin-top: 15px;
            margin-bottom: 15px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            box-sizing: border-box;
        }

        .blog-post.active {
            display: block; /* Shown only when active */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            background-repeat: no-repeat;
            background-size: cover;           
            border: 2px solid #0c0805;
            border-radius: 16px;
            padding: 15px;
            margin-top: 15px;
            margin-bottom: 15px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            box-sizing: border-box;
        }

        .blog-post h2 {
            margin-top: 0;
            color: #333;
        }

        .blog-post p {
            color: #555;
            line-height: 1.6;
        }

/* --------------------DIVIDER------------------------- */
        #post-1 {
            background-color: #e6f4ea; /* Light sage green */
            border: 1px solid #b7e1cd;
        }
        #post-1 h2 { color: #137333; }
        #post-1 p { color: #202124; }

/* --------------------DIVIDER------------------------- */
        #post-2 {
            background-color: #fdf6ec; /* Warm cream/beige */
            border: 1px solid #fad2cf;
        }
        #post-2 h2 { color: #b06000; }
        #post-2 p { color: #3c4043; }

/* --------------------DIVIDER------------------------- */
        #post-3 {
            background-color: #f1f3f4; /* Minimal stark gray */
            border: 1px solid #dadce0;
        }
        #post-3 h2 { color: #202124; }
        #post-3 p { color: #5f6368; }
/* --------------------DIVIDER------------------------- */
        /* Responsive design for smaller screens */
        @media (max-width: 600px) {
            .layout-wrapper {
                flex-direction: column;
            }
            .btn-group {
                width: 100%;
            }
        }