{% comment %}Menu wysuwane spod przycisku - układ "Menu wysuwane" z Ustawień >
   Nawigacja serwisu. Rozwija je znacznik <details>, więc działa bez skryptu;
   skrypt w templates/base.html dokłada tylko zamykanie klawiszem Esc
   i stuknięciem obok (klasa `nav-pop`).{% endcomment %}
<details class="nav-pop relative">
  <summary class="flex cursor-pointer list-none items-center gap-2 border border-site-border p-2.5 hover:border-slate-800 hover:bg-slate-800 hover:text-white dark:border-site-border-dark">
    {% include 'partials/icon.html' with icon='menu' %}
    <span class="sr-only">Menu</span>
  </summary>
  <div class="absolute left-0 z-30 mt-3 w-72 border-t-2 border-t-brand-600 bg-site-surface p-4 text-site-text shadow-2xl shadow-black/30
              dark:bg-site-surface-dark dark:text-site-text-dark dark:shadow-black/60">
    {% include 'public/partials/nav_column.html' %}
  </div>
</details>