{% set _up_mode = request.headers.get('X-Up-Mode', '') %}
{% if _up_mode == 'modal' %}
{# Still a <main>: this fragment replaces #main-content in the host document,
   so degrading it to a <div> would delete the main landmark from the page on
   the first modal navigation. #}
<main id="main-content" up-main class="fcu-modal-container">
    <div>
        {% include "style/_flashes.html" %}
        {% block page_heading %}
          <h1 class="fcu-sr-only">{{ construct.page_heading }}</h1>
        {% endblock %}
        {% block content %}{% endblock %}
    </div>
</main>
{% else %}
<main class="fcu-main-content" id="main-content" up-main>
    <div>
        {% include "style/_flashes.html" %}
        {{ self.page_heading() }}
        {{ self.content() }}
    </div>
</main>
{% endif %}