{% extends "!layout.html" %}


<div role="main">
  {% block document %}
    {{ super() }}

    <!-- Top-right light/dark mode theme toggle button -->
    <div id="theme-toggle-container" style="position: absolute; top: 10px; right: 10px;">
      <button type="button" data-theme-toggle aria-label="Toggle light/dark theme">
        🌗
      </button>
    </div>
  {% endblock %}
</div>
