paint-order: stroke fill

<script>
// Function to get DOM structure
function getDOMStructure(element = document.body, level = 0) {
    let structure = '';
    const indent = '  '.repeat(level);
    
    // Get element details
    const classes = Array.from(element.classList).join('.');
    const id = element.id ? `#${element.id}` : '';
    const tag = element.tagName.toLowerCase();
    
    // Build element string
    structure += `${indent}${tag}${id}${classes ? `.${classes}` : ''}\n`;
    
    // Process children
    Array.from(element.children).forEach(child => {
        structure += getDOMStructure(child, level + 1);
    });
    
    return structure;
}

// Output structure when DOM is loaded
document.addEventListener('DOMContentLoaded', () => {
    const structure = getDOMStructure();
    console.log('DOM Structure:');
    console.log(structure);
    
}); 
</script>