/* Table */  
        .table-container {
             max-width: auto;
            overflow-x: auto;
            background-color: transparent;
            border-radius: 24px;
             border: 1px solid var(--border-color); 
            margin: 0 auto;
            font-size: 1rem;
            text-align: center; 
            
        }

        table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
            background-color: var(--card-bg);
        }
        
        caption {
            font-size: 1.25rem;
            font-weight: 500;
            padding: 1rem;
            caption-side: top;
            text-align: left;
            color: var(--text-color);
            border-bottom: 1px solid var(--border-color);
            background-color: var(--card-bg);
        }

        th, td {
            padding: 1rem 1rem;
            border-bottom: 1px solid var(--border-color);
            vertical-align: top;
            border-right: 1px solid var(--border-color);
        }

        th {
            background-color: var(--header-bg-color);
            font-weight: 500;
        }
        
        thead th {
            font-size: 1rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        tbody tr:hover {
            background-color: var(--hover-bg-color);
        }

        tbody th[scope="row"] {
            font-weight: 500;
            background-color: transparent;
        }
        
        sup {
            font-size: 0.7em;
            vertical-align: super;
            margin-left: 2px;
            line-height: 1;
            opacity: 0.7;
        }

        .risk-cell {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-weight: 500;
        }

        .risk-very-high { color: var(--risk-very-high-color); }
        .risk-high { color: var(--risk-high-color); }
        .risk-low { color: var(--risk-low-color); }
 

        /* Table 2 */  
        .mtable-container {
            width: 100%;
            max-width: auto;
            overflow-x: auto;
            background-color: transparent;
            border-radius: 24px;
             border: 1px solid var(--border-color); 
            margin: 0 auto;
            font-size: 1rem;
            text-align: center;
            
       
        }

        mtable {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
        }
        
        caption {
            font-size: 1.25rem;
            font-weight: 500;
            padding: 1rem;
            caption-side: top;
            text-align: left;
            color: var(--text-color);
        }

        th, td {
            padding: 1rem 1rem;
            border-bottom: 1px solid var(--border-color);
            vertical-align: top;
            border-right: 1px solid var(--border-color);
        }

        th {
            background-color: var(--header-bg-color);
            font-weight: 500;
        }
        
        thead th {
            font-size: 1rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        tbody tr:hover {
            background-color: var(--hover-bg-color);
        }

        tbody th[scope="row"] {
            font-weight: 500;
            background-color: transparent;
        }
        
        sup {
            font-size: 0.7em;
            vertical-align: super;
            margin-left: 2px;
            line-height: 1;
            opacity: 0.7;
        }

        .risk-cell {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-weight: 500;
        }