            </div>
        </main>
        
        <footer class="report-footer">
            ${dp.getString("footer.message")!"Copyright © Web Performance, Inc. All rights reserved."}
        </footer>
    </div>

    <script>
    // IE8-compatible table enhancement
    function enhanceTables() {
        // Make tables responsive for small screens
        var tables = document.getElementsByTagName('table');
        for (var t = 0; t < tables.length; t++) {
            var table = tables[t];
            var headerCells = table.getElementsByTagName('th');
            var headerTexts = [];
            for (var h = 0; h < headerCells.length; h++) {
                headerTexts.push(headerCells[h].innerText || headerCells[h].textContent || '');
            }
            
            var rows = table.getElementsByTagName('tbody')[0];
            if (rows) {
                var dataCells = rows.getElementsByTagName('td');
                for (var c = 0; c < dataCells.length; c++) {
                    var headerIndex = c % headerTexts.length;
                    dataCells[c].setAttribute('data-label', headerTexts[headerIndex]);
                }
            }
            
            // Add class to tables for styling
            var hasClass = false;
            if (table.className) {
                hasClass = table.className.indexOf('comparison-table') !== -1 || 
                          table.className.indexOf('metrics-table') !== -1;
            }
            if (!hasClass) {
                table.className = (table.className || '') + ' data-table';
            }
        }
    }
    
    // Use window.onload for maximum compatibility with SWTBrowser
    if (window.addEventListener) {
        window.addEventListener('load', enhanceTables);
    } else if (window.attachEvent) {
        window.attachEvent('onload', enhanceTables);
    } else {
        // Fallback for very old browsers
        window.onload = enhanceTables;
    }
    </script>
</body>
</html>