      <a href="/progress.php" class="<?= ($activePage==='progress')  ? 'active':'' ?>">
        <span class="nav-icon">◎</span> My Progress
      </a>
      <a href="/notes.php"    class="<?= ($activePage==='notes')     ? 'active':'' ?>">
        <span class="nav-icon">✏</span> My Notes
      </a>

      <div class="sidebar-section-divider"></div>

      <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>
    </nav>

    <!-- Progress mini bar -->
    <div style="padding:0 1.25rem 0.75rem;">
      <div style="display:flex;justify-content:space-between;margin-bottom:0.3rem;">
