{#
  Recursive: heading depth is bounded only by the `toc` extension's toc_depth,
  so an entry includes this same template for each of its children. The inner
  `for` rebinds `toc_item` in loop scope, which is what makes the recursion
  work (same trick as partials/nav-item.html).
#}
<li class="primer-toc-item">
  <a class="primer-toc-link" href="{{ toc_item.url }}">{{ toc_item.title }}</a>
  {%- if toc_item.children %}
    <ul class="primer-toc-list">
      {%- for toc_item in toc_item.children %}
        {% include "partials/toc-item.html" %}
      {%- endfor %}
    </ul>
  {%- endif %}
</li>