      <a href="/events.php"   class="<?= ($activePage==='events')    ? 'active':'' ?>">
        <span class="nav-icon">⚡</span> Significant Events
      </a>
      <a href="/people.php"   class="<?= ($activePage==='people')    ? 'active':'' ?>">
        <span class="nav-icon">👤</span> Significant People
      <a href="/map.php"     class="<?= ($activePage==='map')       ? 'active':'' ?>">
        <span class="nav-icon">🗺</span> Interactive Map
      </a>
      </a>
    </nav>

    <!-- Progress mini bar -->
    <div style="padding:0 1.25rem 0.75rem;">
