.mixed-layout{display:flex;flex-direction:column;}

        /* Vertical post layout adjustments */
        .post-item.vertical{
            background:#fff;
            border-bottom:1px solid #eee;
            padding:8px 0;
            display:flex;
            align-items:flex-start;
            gap:10px;
        }
        
        .post-item.vertical .mh-custom-posts-thumb img{
            width:80px;
            height:65px;
            object-fit:cover;
            border-radius:4px;
        }

        .post-item.vertical .mh-custom-posts-header{
            flex:1;
            display:flex;
            flex-direction:column;
            justify-content:center;
        }
        
        .post-item.vertical .mh-custom-posts-small-title a{
            font-size:14px;
            font-weight:600;
            color:#2d2d2d;
            text-decoration:none;
        }
        
        .post-item.vertical .mh-meta.entry-meta{
            font-size:12px;
            color:#777;
            margin-top:4px;
        }

        /* Horizontal scroll card adjustments */
        .horizontal-scroll{
            display:flex;
            overflow-x:auto;
            gap:15px;
            padding:10px 0;
            scroll-snap-type:x mandatory;
            scrollbar-width:thin; /* Firefox - thin scrollbar */
            scrollbar-color:#cccccc transparent; /* Firefox - color customization */
        }

        /* Webkit scroll bar style (for Chrome, Safari) */
        .horizontal-scroll::-webkit-scrollbar {
            height:4px;
        }

        .horizontal-scroll::-webkit-scrollbar-track {
            background:transparent;
        }

        .horizontal-scroll::-webkit-scrollbar-thumb {
            background:#cccccc;
            border-radius:2px;
            opacity:0.6;
        }

        .horizontal-scroll:hover::-webkit-scrollbar-thumb {
            background:#888888;
        }

        .horizontal-scroll .post-item.card{
            scroll-snap-align:start;
            width:180px;
            background:#fff;
            border-radius:8px;
            box-shadow:0 4px 8px rgba(0,0,0,0.1);
            padding:10px;
            text-align:center;
            flex-shrink:0;
        }
        
        .post-item.card .thumbnail img{
            width:100%;
            height:auto;
            border-radius:4px;
        }

        .mh-custom-posts-small-title a{
            font-size:14px;
            font-weight:600;
            color:#2d2d2d;
            text-decoration:none;
            display:-webkit-box;
            -webkit-line-clamp:3;
            overflow:hidden;
            -webkit-box-orient:vertical;
        }
        
        .mh-custom-posts-small-title a:hover{
            color:#0066cc;
        }

        /* Mobile-specific adjustments */
        @media (max-width: 768px) {
            .post-item.vertical .mh-custom-posts-thumb img{
                width:70px;
                height:55px;
            }

            .post-item.vertical .mh-custom-posts-header{
                gap:2px;
            }

            .horizontal-scroll .post-item.card{
                width:150px;
                padding:8px;
            }
        }