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 {
            
            max-width: none; 
            
            width: 100%; 
            
            margin-left: 0;
            margin-right: 0;
            
            overflow-x: auto; 
            
            padding-left: 16px;
            padding-right: 16px;
            
            -ms-overflow-style: none; 
            scrollbar-width: none; 
        }
        
        .tab-container::-webkit-scrollbar {
            display: none;
        }

        
        .tab-container {
            gap: 12px;
        }
    }