selfdefined/11ty/_includes/components/definition-content.njk

<section class="definition-content">
  <section class="u-margin-bottom-double" aria-labelledby="definition-speech">
    <h2 id="definition-speech" class="visually-hidden">Speech</h2>
    <p class="definition-content__speech">{{ speech }}</p>
  </section>
  <section class="definition-content__content">
    {{ content | safe }}
    {# <p>{{ alt_words }}</p> #}
  </section>
  {%- if alt_words -%}
    <section class="definition-content__content">
      <h2 id="alt-words">Alt Words</h2>
      <ul class="list-semicolon" aria-labelledby="alt-words">
        {% for word in alt_words %}
          <li>{{ word | linkIfExistsInCollection(collections.definedWords) | safe }}</li>
        {% endfor %}
      </ul>
    </section>
  {% endif %}
  {%- if reading -%}
    <section class="definition-content__content">
      <h2 id="further-reading">Further Reading</h2>
      <ul class="list-semicolon" aria-labelledby="further-reading">
        {% for link in reading %}
          <li>
            <a href="{{link.href}}">{{ link.text }}</a>
          </li>
        {% endfor %}
      </ul>
    </section>
  {% endif %}
</section>