{{ define "main" }}
  <article class="w-100 ph4 pb5 pb6-ns pt1 pt5-ns">
    <div class="flex-l">

      <div class="order-0 w-20 dn db-l">
        {{ partial "nav-links-docs.html" . }}
      </div>
      <div class="order-1 flex-grow-1 ph0 ph5-ns mt0-ns mid-gray nested-copy-line-height no-underline nested-links nested-img nested-copy-seperator nested-blockquote">
        <div style="max-width: 40rem;" class="documentation-copy">
          <div id="readout" class="fixed right-0 bottom-0"></div>
          {{ .Render "page" }}
          {{ partial "related.html" . }}
        </div>
      </div>
      <div id="right-sidebar" class="order-2 w-20 dn db-l sticky pt2">
        {{ partial "right-sidebar.html" . }}
      </div>

    </div>
  </article>

  <div id="page-footer" class="w-100 bg-light-gray">
    <div class="mw7 pa4 center nested-lh-copy lh-copy">
      {{ partial "docs/page-meta-data.html" . }}
      {{ partial "page-edit.html" . }}
      {{ partial "tags.html" . }}
    </div>
  </div>
{{ end }}
