body, h1, p {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    
    :root {
        --primary-dark: #0f403f; 
        --primary-light: #e5e7eb; 
        --text-dark: #4b5563; 
        --tab-border-radius: 8px; 
    }

    
    .aspect-4-3 {
        padding-top: 75%; 
        position: relative;
        border-radius: 0.5rem; 
        overflow: hidden; 
        
        box-shadow: none; 
    }

    .aspect-4-3 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    
    .tab-container {
        display: flex;
        padding: 0; 
        background-color: transparent; 
        border-radius: 0; 
        
        max-width: fit-content; 
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3rem; 
        gap: 16px; 
    }

    
    .sub-tab-button {
        
        background-color: var(--primary-light); 
        color: var(--text-dark); 
        padding: 12px 20px; 
        border-radius: var(--tab-border-radius); 
        font-weight: 600;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
        white-space: nowrap; 
        border: none;
        font-size: 16px; 
        box-shadow: none; 
        flex-shrink: 0; 
    }

    .sub-tab-button.active {
        
        background-color: var(--primary-dark); 
        color: #ffffff; 
        box-shadow: none; 
    }

    
    .static-list-grid {
        display: grid;
        
        grid-template-columns: repeat(4, 1fr); 
        gap: 1.5rem; 
    }
    
    
    @media (max-width: 768px) {
        
        .static-list-grid {
            grid-template-columns: repeat(2, 1fr); 
            gap: 1rem; 
            padding: 0 16px; 
        }

        
        .tab-container {
            
            box-sizing: border-box;
            max-width: none; 
            
            width: 100%; 
            
            margin-left: 0;
            margin-right: 0;
            
            overflow-x: visible; 
            
            padding-left: 0;
            padding-right: 0;
            
            -ms-overflow-style: none; 
            scrollbar-width: none; 
        }
        
        .tab-container::-webkit-scrollbar {
            display: none;
        }

        
        .tab-container {
            gap: 8px;
        }

        .sub-tab-button {
            flex: 1 1 0;
            min-width: 0;
            max-width: 100%;
            white-space: normal;
            overflow-wrap: anywhere;
            text-align: center;
            padding: 12px 10px;
        }
    }

    @media screen and (max-width: 1000px) {
        .ly_blog_1[data-visual-id="235593"] .box {
            grid-template-columns: minmax(0, 1fr) !important;
            gap: 28px !important;
        }

        .ly_blog_1[data-visual-id="235593"] .box .blog_item {
            min-width: 0 !important;
            width: 100% !important;
            max-width: 100% !important;
        }
    }