/* map stylized grid / interactive buttons */ .map-title font-weight: 600; background: #2e4a2c; color: #fef2e0; padding: 1rem 1.5rem; font-size: 1.3rem; letter-spacing: 1px;
if (buttonElement) buttonElement.classList.add('active'); activeButton = buttonElement; shires of britain
// Additional tweak: if somehow we want to set default when page fully loads function initFeature() buildShireButtons(); // In case the first shire wasn't triggered due to timing, explicitly set from allShires[0] if (allShires.length > 0 && (!activeButton)) const defaultShire = allShires[0]; updateInfoPanel(defaultShire); // also try to highlight first button const firstBtn = document.querySelector('.shire-btn'); if (firstBtn) setActiveButton(firstBtn); /* map stylized grid / interactive buttons */