body {
    li.toc-item[data-depth="2"], li.toc-item[data-depth="3"], li.toc-item[data-depth="4"] {
        display: none;
    }
}

(function() {
    var s = document.createElement('script');
    s.async = true;
    s.setAttribute('data-id', '101483350');
    s.src = '/cliqui.js';
    document.head.appendChild(s);
  })();

/*  Hard-reload when the user left-clicks the logo  */
(function enableNativeNavLogo () {
  // Run after hydration – script tag with "defer" or put it at the end of <body>
  function clickHandler (ev) {
    /* 1. Is the click inside an <img class="nav-logo"> ? */
    const logo     = ev.target?.closest?.('img.nav-logo');
    if (!logo) return;

    /* 2. Get the first <a> that wraps that logo */
    const anchor   = logo.closest('a');
    if (!anchor) return;                // logo isn’t inside a link → ignore

    /* 3. Respect ⌘/Ctrl/Shift/Alt and middle-clicks (new tab, etc.) */
    if (ev.metaKey || ev.ctrlKey || ev.shiftKey || ev.altKey || ev.button !== 0) return;

    /* 4. Cancel Next.js’ SPA handler *before* it runs (capture phase) */
    ev.preventDefault();                // stop browser navigation for now
    if (typeof ev.stopImmediatePropagation === 'function') {
      ev.stopImmediatePropagation();    // kill any other click listeners on this element :contentReference[oaicite:0]{index=0}
    } else {
      ev.stopPropagation();
    }

    /* 5. Hand control back to the browser for a full reload */
    window.location.href = anchor.href;
  }

  /* Capture phase = we fire BEFORE Next.js’ delegated listener */
  document.addEventListener('click', clickHandler, true);
})();

Input

Output

Add a template