{#-
  Override of zensical/templates/partials/toc.html.

  Single semantic structure: title at top, list of anchor items underneath.
  No nested wrappers that could end up double-bordered. The active-item
  treatment is a single 2px foreground left border on the link itself.
-#}
{% import "partials/language.html" as lang with context %}
{% set title = lang.t("toc") %}
{% if config.mdx_configs.toc and config.mdx_configs.toc.title %}
  {% set title = config.mdx_configs.toc.title %}
{% endif %}
<nav class="md-nav md-nav--secondary md-nav--secondary-alloy" aria-label="{{ title | e }}">
  {% set toc = page.toc %}
  {% set first = toc | first %}
  {% if first and first.level == 1 %}
    {% set toc = first.children %}
  {% endif %}
  {% if toc %}
    <p class="md-nav__title md-nav__title--alloy">{{ title }}</p>
    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
      {% for toc_item in toc %}
        {% include "partials/toc-item.html" %}
      {% endfor %}
    </ul>
  {% endif %}
</nav>