// --- Standard Page Components ---
             const renderSharedComponents = () => {
                 const headerEl = document.getElementById('main-header');
                 const relatedEl = document.getElementById('related-calculators');
                 const footerEl = document.getElementById('footer'); // Ensure footerEl is defined
                 const CALCULATOR_CATEGORIES_DATA = [{"category":"Core Sizing Calculators","calculators":[{"href":"index.html","title":"Home / Whole House Sizing","description":"Calculate your home's power needs by selecting the appliances you want to run.","icon":"home","iconColor":"text-sky-500","iconBgColor":"bg-sky-100"},{"href":"generator-capacity-calculator.html","title":"Capacity Calculator (Load-Based)","description":"Size a generator based on total connected electrical load and demand factor.","icon":"chart-pie","iconColor":"text-indigo-500","iconBgColor":"bg-indigo-100"},{"href":"emergency-generator-calculator.html","title":"Emergency Essentials Sizing","description":"Quickly calculate the power needs for just your essential items during an outage.","icon":"bolt-slash","iconColor":"text-red-500","iconBgColor":"bg-red-100"},{"href":"rv-generator-calculator.html","title":"RV Generator Sizing","description":"Find the perfect size generator for your camper or recreational vehicle.","icon":"rv","iconColor":"text-orange-500","iconBgColor":"bg-orange-100"},{"href":"solar-generator-calculator.html","title":"Solar Generator Sizing","description":"Calculate battery capacity and solar panel requirements for your power station.","icon":"sun","iconColor":"text-yellow-500","iconBgColor":"bg-yellow-100"},{"href":"three-phase-generator-calculator.html","title":"3-Phase / Commercial Sizing","description":"For industrial and commercial applications requiring three-phase power.","icon":"rectangle-stack","iconColor":"text-violet-500","iconBgColor":"bg-violet-100"},{"href":"diesel-generator-calculator.html","title":"Diesel Generator Sizing","description":"Size industrial diesel generators for commercial, backup, or prime power needs.","icon":"truck","iconColor":"text-slate-500","iconBgColor":"bg-slate-100"},{"href":"industrial-generator-calculator.html","title":"Industrial Generator Sizing","description":"For manufacturing, data centers, and heavy-duty three-phase applications.","icon":"cog-6-tooth","iconColor":"text-blue-500","iconBgColor":"bg-blue-100"}]},{"category":"Power Conversion Calculators","calculators":[{"href":"generator-load-calculator.html","title":"Generator Load Calculator","description":"A unified tool to solve for kW, kVA, or Amps for single or three-phase loads.","icon":"arrows-right-left-on-rectangle","iconColor":"text-sky-500","iconBgColor":"bg-sky-100"},{"href":"watts-to-amps-calculator.html","title":"Watts to Amps Calculator","description":"Convert real power (Watts) to current (Amps) for sizing circuits and breakers.","icon":"bolt","iconColor":"text-lime-500","iconBgColor":"bg-lime-100"},{"href":"amps-to-watts-calculator.html","title":"Amps to Watts Calculator","description":"Convert current (Amps) to power (Watts) to understand an appliance's power draw.","icon":"bolt","iconColor":"text-cyan-500","iconBgColor":"bg-cyan-100"},{"href":"amps-to-kw-calculator.html","title":"Amps to kW Calculator","description":"Convert current (Amps) to real power (kW) for sizing generators and transformers.","icon":"bolt","iconColor":"text-fuchsia-500","iconBgColor":"bg-fuchsia-100"},{"href":"kva-to-kw-calculator.html","title":"kVA to kW Calculator","description":"Convert apparent power (kVA) to real power (kW) using the power factor.","icon":"chart-pie","iconColor":"text-rose-500","iconBgColor":"bg-rose-100"},{"href":"kw-to-kva-calculator.html","title":"kW to kVA Calculator","description":"Convert real power (kW) to apparent power (kVA) to correctly size a generator.","icon":"chart-pie","iconColor":"text-purple-500","iconBgColor":"bg-purple-100"},{"href":"watts-to-kva-calculator.html","title":"Watts to kVA Calculator","description":"Convert real power in Watts to apparent power in kVA.","icon":"chart-pie","iconColor":"text-pink-500","iconBgColor":"bg-pink-100"},{"href":"kva-to-amps-calculator.html","title":"kVA to Amps Calculator","description":"Convert generator kVA to Amps for single and three-phase systems.","icon":"bolt","iconColor":"text-teal-500","iconBgColor":"bg-teal-100"},{"href":"amps-to-kva-calculator.html","title":"Amps to kVA Calculator","description":"Convert current (Amps) to apparent power (kVA) for generator and transformer sizing.","icon":"bolt","iconColor":"text-amber-500","iconBgColor":"bg-amber-100"},{"href":"hp-to-kw-calculator.html","title":"HP to kW Calculator (Motors)","description":"Convert motor horsepower (HP) to kilowatts (kW) for sizing generators.","icon":"cog-6-tooth","iconColor":"text-gray-500","iconBgColor":"bg-gray-100"},{"href":"btu-to-kw-calculator.html","title":"BTU/hr to kW/kVA Calculator","description":"Convert HVAC thermal energy (BTU/hr) to electrical power (kW).","icon":"fire","iconColor":"text-orange-500","iconBgColor":"bg-orange-100"},{"href":"kwh-to-kw-calculator.html","title":"kWh to kW Calculator","description":"Convert energy consumption (kWh) to the average power (kW) required over a period of time.","icon":"arrows-right-left-on-rectangle","iconColor":"text-indigo-500","iconBgColor":"bg-indigo-100"},{"href":"single-phase-power-calculator.html","title":"Single-Phase Power Calculator","description":"Calculate single-phase power in kW from voltage, current, and power factor.","icon":"bolt","iconColor":"text-yellow-500","iconBgColor":"bg-yellow-100"},{"href":"three-phase-power-calculator.html","title":"Three-Phase Power Calculator","description":"Calculate three-phase power in kW from line-to-line voltage, current, and power factor.","icon":"rectangle-stack","iconColor":"text-violet-500","iconBgColor":"bg-violet-100"},{"href":"power-factor-calculator.html","title":"Power Factor Calculator","description":"Calculate kW, kVA, or Power Factor to understand generator efficiency and load.","icon":"chart-pie","iconColor":"text-pink-500","iconBgColor":"bg-pink-100"}]},{"category":"Fuel & Performance","calculators":[{"href":"fuel-consumption-calculator.html","title":"Fuel Consumption Calculator","description":"Estimate how much fuel your generator will use per hour or day based on its load.","icon":"fire","iconColor":"text-rose-500","iconBgColor":"bg-rose-100"},{"href":"generator-runtime-calculator.html","title":"Generator Runtime Calculator","description":"Calculate how long your generator will run on a full tank of fuel at a specific load.","icon":"clock","iconColor":"text-cyan-500","iconBgColor":"bg-cyan-100"},{"href":"running-cost-calculator.html","title":"Running Cost Calculator","description":"Estimate the total cost of fuel to run your generator for any duration of time.","icon":"banknotes","iconColor":"text-green-500","iconBgColor":"bg-green-100"},{"href":"natural-gas-generator-cost-calculator.html","title":"Natural Gas Generator Cost","description":"Estimate the running cost for a natural gas generator based on local utility prices.","icon":"banknotes","iconColor":"text-sky-500","iconBgColor":"bg-sky-100"},{"href":"efficiency-calculator.html","title":"Generator Efficiency Calculator","description":"Calculate how effectively your generator converts fuel energy into electrical power.","icon":"light-bulb","iconColor":"text-amber-500","iconBgColor":"bg-amber-100"},{"href":"carbon-emission-calculator.html","title":"Carbon Emissions Calculator","description":"Estimate the carbon footprint (CO₂) of your generator based on fuel type and runtime.","icon":"cloud","iconColor":"text-slate-500","iconBgColor":"bg-slate-100"},{"href":"generator-derating-calculator.html","title":"Derating Calculator","description":"Calculate power loss from high altitude and temperature.","icon":"arrow-trending-down","iconColor":"text-fuchsia-500","iconBgColor":"bg-fuchsia-100"},{"href":"generator-rpm-calculator.html","title":"Generator RPM Calculator","description":"Calculate engine RPM from frequency and alternator poles.","icon":"cog-6-tooth","iconColor":"text-gray-500","iconBgColor":"bg-gray-100"}]},{"category":"Safety & Connection","calculators":[{"href":"breaker-size-calculator.html","title":"Breaker Size Calculator","description":"Ensure safety by selecting the correct circuit breaker size for your electrical load.","icon":"shield-check","iconColor":"text-blue-500","iconBgColor":"bg-blue-100"},{"href":"extension-cord-calculator.html","title":"Extension Cord Sizing","description":"Find the required wire gauge (AWG) for your extension cord to prevent overheating and voltage drop.","icon":"wrench-screwdriver","iconColor":"text-gray-500","iconBgColor":"bg-gray-100"},{"href":"generator-wire-size-calculator.html","title":"Generator Wire Size Calculator","description":"Determine the correct wire gauge (AWG) for connecting your generator to a transfer switch.","icon":"scissors","iconColor":"text-slate-500","iconBgColor":"bg-slate-100"},{"href":"voltage-drop-calculator.html","title":"Voltage Drop Calculator","description":"Calculate the voltage drop over a specific length and gauge of wire.","icon":"arrow-trending-down","iconColor":"text-red-500","iconBgColor":"bg-red-100"},{"href":"transfer-switch-calculator.html","title":"Transfer Switch Sizing","description":"Determine the correct amperage for a transfer switch to safely connect your generator to your home.","icon":"power","iconColor":"text-teal-500","iconBgColor":"bg-teal-100"},{"href":"fault-current-calculator.html","title":"Fault Current Calculator","description":"Calculate a generator's symmetrical short-circuit current to ensure protective devices are rated correctly.","icon":"bolt-slash","iconColor":"text-red-500","iconBgColor":"bg-red-100"}]},{"category":"Specialty & Health","calculators":[{"href":"ozone-generator-calculator.html","title":"Ozone Generator Run Time","description":"Calculate the required run time for an ozone generator to sanitize a room.","icon":"beaker","iconColor":"text-emerald-500","iconBgColor":"bg-emerald-100"}]}];
                 const ICONS = { 'chart-pie': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-full h-full"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6a7.5 7.5 0 1 0 7.5 7.5h-7.5V6Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5H21A7.5 7.5 0 0 0 13.5 3v7.5Z" /></svg>', 'truck': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-full h-full"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 0 1-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h1.125c.621 0 1.125-.504 1.125-1.125V14.25m-17.25 4.5v-1.875a3.375 3.375 0 0 1 3.375-3.375h9.75a3.375 3.375 0 0 1 3.375 3.375v1.875M10.5 6h9m-9 3.75h9m-9 3.75h.75m-1.5-15h5.25c.621 0 1.125.504 1.125 1.125v3.375c0 .621-.504 1.125-1.125 1.125h-5.25C4.504 8.25 3.999 7.746 3.999 7.125V3.75c0-.621.504-1.125 1.125-1.125Z" /></svg>', 'cog-6-tooth': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-full h-full"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.242 1.41l-1.028.937c-.282.258-.42.632-.42.995v.42c0 .363.138.737.42.995l1.028.937a1.125 1.125 0 0 1 .242 1.41l-1.296 2.247a1.125 1.125 0 0 1-1.37-.49l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 0 1-.22.128c-.333.183-.582.495-.645.87l-.213 1.28c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.063-.374-.313-.686-.645-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.37-.49l-1.296-2.247a1.125 1.125 0 0 1 .242-1.41l1.028-.937c.282-.258.42-.632.42-.995v-.42c0-.363-.138-.737-.42-.995l-1.028-.937a1.125 1.125 0 0 1-.242-1.41l1.296-2.247a1.125 1.125 0 0 1 1.37-.49l1.217.456c.355.133.75.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.645-.87l.213-1.281Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>' };
                 const RELATED_CALCULATORS = [
                    { href: 'industrial-generator-calculator.html', title: 'Industrial Generator Sizing', description: 'For manufacturing, data centers, and heavy-duty three-phase applications.', icon: 'cog-6-tooth', iconColor: 'text-blue-500', iconBgColor: 'bg-blue-100' },
                    { href: 'diesel-generator-calculator.html', title: 'Diesel Generator Sizing', description: 'Size industrial diesel generators for commercial, backup, or prime power needs.', icon: 'truck', iconColor: 'text-slate-500', iconBgColor: 'bg-slate-100' },
                    { href: 'power-factor-calculator.html', title: 'Power Factor Calculator', description: 'Calculate kW, kVA, or Power Factor to understand generator efficiency and load.', icon: 'chart-pie', iconColor: 'text-pink-500', iconBgColor: 'bg-pink-100' }
                ];

                 headerEl.innerHTML = `<div class="container mx-auto px-4"><div class="flex items-center justify-between h-16"><a href="index.html" class="flex items-center space-x-3 group"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-sky-400 group-hover:animate-pulse flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"></path></svg><div><span class="text-lg sm:text-xl font-bold tracking-tight text-slate-100">Generator Size Calculator</span></div></a><nav class="hidden md:flex items-center space-x-1"><a href="index.html" class="px-3 py-2 rounded-md text-sm font-medium transition-colors text-slate-300 hover:bg-slate-800 hover:text-white">Size Calculator</a><a href="index.html#sizing-chart-section" class="px-3 py-2 rounded-md text-sm font-medium transition-colors text-slate-300 hover:bg-slate-800 hover:text-white">Sizing Chart</a><a href="index.html#products-section" class="px-3 py-2 rounded-md text-sm font-medium transition-colors text-slate-300 hover:bg-slate-800 hover:text-white">Products & Accessories</a><div class="relative" id="dropdown-container"><button id="dropdown-button" class="flex items-center px-3 py-2 rounded-md text-sm font-medium transition-colors text-slate-300 hover:bg-slate-800 hover:text-white"><span>More Calculators</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" id="dropdown-chevron" class="w-4 h-4 ml-1 transition-transform"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></button><div id="dropdown-menu" class="hidden absolute right-0 mt-2 w-[66rem] origin-top-right rounded-xl shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none overflow-hidden"><div class="p-4 max-h-[calc(100vh-12rem)] overflow-y-auto custom-scrollbar"><div class="grid grid-cols-4 gap-x-6" id="dropdown-content-grid"></div></div><div class="bg-slate-50 p-2"><a href="index.html#all-calculators" class="flex items-center justify-center gap-2 px-4 py-2 text-sm text-slate-700 hover:bg-slate-200/70 font-semibold rounded-md transition-colors w-full"><span>View All Calculators</span></a></div></div></div><a href="about.html" class="px-3 py-2 rounded-md text-sm font-medium transition-colors text-slate-300 hover:bg-slate-800 hover:text-white">About</a><a href="contact.html" class="px-3 py-2 rounded-md text-sm font-medium transition-colors text-slate-300 hover:bg-slate-800 hover:text-white">Contact</a></nav><div class="md:hidden"><button id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-slate-400 hover:text-white hover:bg-slate-800 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-controls="mobile-menu" aria-expanded="false"><span class="sr-only">Open main menu</span><div class="hamburger-icon"><span></span><span></span><span></span></div></button></div></div></div><div class="md:hidden hidden max-h-[calc(100vh-4rem)] overflow-y-auto custom-scrollbar" id="mobile-menu"><div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"><a href="index.html" class="block w-full text-left px-3 py-2 rounded-md text-base font-medium transition-colors text-slate-300 hover:bg-slate-800 hover:text-white">Size Calculator</a><a href="index.html#all-calculators" class="block w-full text-left px-3 py-2 rounded-md text-base font-medium transition-colors text-slate-300 hover:bg-slate-800 hover:text-white">All Calculators</a><a href="index.html#sizing-chart-section" class="block w-full text-left px-3 py-2 rounded-md text-base font-medium transition-colors text-slate-300 hover:bg-slate-800 hover:text-white">Sizing Chart Guide</a><a href="index.html#products-section" class="block w-full text-left px-3 py-2 rounded-md text-base font-medium transition-colors text-slate-300 hover:bg-slate-800 hover:text-white">Products & Accessories</a><div class="border-t border-slate-700 my-2"></div><a href="about.html" class="block w-full text-left px-3 py-2 rounded-md text-base font-medium transition-colors text-slate-300 hover:bg-slate-800 hover:text-white">About</a><a href="contact.html" class="block w-full text-left px-3 py-2 rounded-md text-base font-medium transition-colors text-slate-300 hover:bg-slate-800 hover:text-white">Contact</a></div></div>`;
                 
                 // Updated Footer
                 footerEl.innerHTML = `<div class="container mx-auto px-4 pt-16 pb-8"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"><div><div class="flex items-center space-x-3 mb-4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-7 h-7 text-sky-400"><path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z" /></svg><span class="text-xl font-bold text-slate-100">Generator Size Calculator</span></div><p class="text-sm">Empowering you to make informed decisions about your power needs.</p></div><div><h3 class="text-sm font-semibold tracking-wider text-slate-100 uppercase mb-4">Calculators</h3><ul class="space-y-3"><li><a href="index.html#all-calculators" class="text-slate-300 hover:text-sky-400">View All Calculators</a></li><li><a href="index.html#sizing-chart-section" class="text-slate-300 hover:text-sky-400 transition-colors duration-200">Sizing Chart Guide</a></li></ul></div><div><h3 class="text-sm font-semibold tracking-wider text-slate-100 uppercase mb-4">Quick Links</h3><ul class="space-y-3"><li><a href="about.html" class="text-slate-300 hover:text-sky-400">About</a></li><li><a href="contact.html" class="text-slate-300 hover:text-sky-400">Contact</a></li><li><a href="privacy.html" class="text-slate-300 hover:text-sky-400">Privacy Policy</a></li><li><a href="terms.html" class="text-slate-300 hover:text-sky-400">Terms of Service</a></li></ul><div class="mt-6"><h3 class="text-sm font-semibold tracking-wider text-slate-100 uppercase mb-4">Follow Us</h3><div class="flex space-x-3"><a href="http://facebook.com/GeneratorSizeCalculator" title="Facebook" target="_blank" rel="noopener noreferrer" class="flex h-10 w-10 items-center justify-center rounded-full bg-slate-700 text-slate-400 transition-all duration-300 hover:scale-110 hover:bg-blue-600 hover:text-white" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="h-6 w-6"><path d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" /></svg></a><a href="https://www.x.com/GeneratorSizeCalculator" title="X" target="_blank" rel="noopener noreferrer" class="flex h-10 w-10 items-center justify-center rounded-full bg-slate-700 text-slate-400 transition-all duration-300 hover:scale-110 hover:bg-black hover:text-white" aria-label="X"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" class="h-5 w-5"><path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z"/></svg></a></div></div></div><div><h3 class="text-sm font-semibold tracking-wider text-amber-400 uppercase mb-4">Disclosure & Disclaimer</h3><p class="text-sm">As an Amazon Associate, this site earns from qualifying purchases. <a href="amazon-disclosure.html" class="underline hover:text-sky-400">Read full disclosure</a>.</p><p class="text-sm mt-4"><strong>Disclaimer:</strong> All calculations are estimates. Always verify specifications with the manufacturer and consult a qualified electrician.</p></div></div><div class="mt-12 pt-8 border-t border-slate-700 text-center"><p class="text-sm text-slate-400">&copy; 2026 Generator Size Calculator. All Rights Reserved.</p></div></div>`;
                 
                 const dropdownContentGrid = document.getElementById('dropdown-content-grid');
                 dropdownContentGrid.innerHTML = CALCULATOR_CATEGORIES_DATA.map(category => `<div><h3 class="px-2 pb-2 text-sm font-semibold text-slate-700 border-b mb-2">${category.category}</h3><div class="space-y-1">${category.calculators.map(calc => `<a href="${calc.href}" class="block p-2 rounded-lg hover:bg-slate-100 transition-colors"><p class="font-semibold text-slate-800 group-hover:text-sky-600 transition-colors">${calc.title}</p></a>`).join('')}</div></div>`).join('');
                 
                 relatedEl.innerHTML = `<div class="container mx-auto"><div class="text-center mb-12"><h2 class="text-3xl md:text-4xl font-extrabold text-slate-800 tracking-tight">Explore Related Calculators</h2></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">${RELATED_CALCULATORS.map(c => `<a href="${c.href}" class="group bg-white p-6 rounded-xl border border-slate-200 shadow-sm hover:shadow-lg hover:border-sky-500 transition-all duration-200 flex flex-col text-left h-full"><div class="flex items-start mb-4"><div class="flex-shrink-0 w-12 h-12 flex items-center justify-center rounded-lg ${c.iconBgColor}"><div class="w-7 h-7 ${c.iconColor}">${ICONS[c.icon]||''}</div></div><h3 class="ml-4 font-semibold text-slate-800 group-hover:text-sky-600 transition-colors duration-200 leading-tight">${c.title}</h3></div><p class="text-sm text-slate-500 flex-grow">${c.description}</p></a>`).join('')}</div></div>`;
                 
                 // Re-attach event listeners for the injected header
                 const mobileMenuButton = document.getElementById('mobile-menu-button');
                 const mobileMenu = document.getElementById('mobile-menu');
                 const hamburgerIcon = mobileMenuButton.querySelector('.hamburger-icon');
                 const dropdownContainer = document.getElementById('dropdown-container');
                 const dropdownButton = document.getElementById('dropdown-button');
                 const dropdownMenu = document.getElementById('dropdown-menu');
                 const dropdownChevron = document.getElementById('dropdown-chevron');

                 mobileMenuButton.addEventListener('click', () => {
                     const isAriaExpanded = mobileMenuButton.getAttribute('aria-expanded') === 'true';
                     mobileMenu.classList.toggle('hidden');
                     hamburgerIcon.classList.toggle('open');
                     mobileMenuButton.setAttribute('aria-expanded', !isAriaExpanded);
                     document.body.style.overflow = isAriaExpanded ? '' : 'hidden';
                 });
                 if(dropdownButton) {
                     dropdownButton.addEventListener('click', (e) => {
                         e.stopPropagation();
                         const isHidden = dropdownMenu.classList.toggle('hidden');
                         dropdownChevron.style.transform = isHidden ? '' : 'rotate(180deg)';
                     });
                 }
                 document.addEventListener('click', (event) => {
                     if (dropdownContainer && !dropdownContainer.contains(event.target)) {
                         dropdownMenu.classList.add('hidden');
                         dropdownChevron.style.transform = '';
                     }
                 });
            };

            renderSharedComponents();
            calculateResults();
        });
    </script>