<div class="container">
  <div class="section">
    <div class="columns post-layout-columns is-variable is-6-desktop">
      <div class="column post-main-column is-8-desktop is-offset-1-desktop is-10-tablet is-full-mobile">
        <article class="post h-entry">
          <a class="button is-rounded is-small chapter-back" href="/book/{{ book_id }}/{{ version }}"
             aria-label="Back to chapters" title="Back to chapters">
            <span class="icon is-small"><i class="ph ph-arrow-left"></i></span>
          </a>
          <header class="post-header">
            {% if chapter_number %}
              <p class="book-eyebrow post-collection-eyebrow">Chapter {{ chapter_number }}</p>
            {% endif %}
            <h1 class="post-title title is-2 p-name">{{ chapter_title }}</h1>
          </header>

          <div class="post-content content e-content">
            {{ body_html|safe }}
          </div>

          <nav class="chapter-nav" aria-label="Chapter navigation">
            {% if prev %}
              <a class="chapter-nav__link chapter-nav__link--prev" href="/book/{{ book_id }}/{{ version }}/chapter/{{ prev.slug }}">
                <span class="chapter-nav__dir">← Previous</span>
                <span class="chapter-nav__title">{{ prev.label }}</span>
              </a>
            {% else %}<span></span>{% endif %}
            {% if next %}
              <a class="chapter-nav__link chapter-nav__link--next" href="/book/{{ book_id }}/{{ version }}/chapter/{{ next.slug }}">
                <span class="chapter-nav__dir">Next →</span>
                <span class="chapter-nav__title">{{ next.label }}</span>
              </a>
            {% else %}<span></span>{% endif %}
          </nav>
        </article>
      </div>
      <aside class="column is-3-desktop is-hidden-touch post-toc-column">
        <div class="post-toc-wrapper">
          <nav class="post-toc" aria-label="Table of contents">
            <p class="post-toc__title">Table of Contents</p>
            <div class="post-toc__links" id="post-toc-links"></div>
          </nav>
        </div>
      </aside>
    </div>
  </div>
</div>
