{# The one MoonBite header, shared by the homepage and every inner page.
   Self-contained (links its own CSS/JS) so it works on base.html pages and on
   the standalone pages alike. Built to docs/moonbite-guidelines.html:
   barless mark below 32 px (d01), wordmark in the display face (d04), one
   ghost action here so each page keeps its own single gold action (d14). #}
{%- set _p = request.path -%}
{%- set _nav = [
  ('/mine', 'Mine', 'Start mining', ()),
  ('/get-wallet', 'Wallet', 'Hold your coins', ('/wallet',)),
  ('/explorer', 'Explorer', 'Every block', ()),
  ('/learn', 'Learn', 'How it works', ()),
  ('/governance', 'Governance', 'Decisions on record', ()),
  ('/developers', 'Developers', 'Run a node', ()),
  ('/about', 'About', 'Why MoonBite', ()),
] -%}
<link rel="stylesheet" href="{{ url_for('static', filename='shell.css') }}?v=20261021a">
<link rel="stylesheet" href="{{ url_for('static', filename='shell-v2.css') }}?v=20261021a">
<link rel="stylesheet" href="{{ url_for('static', filename='moonbite-ds.css') }}?v=20261021a">
<a class="mbs-skip" href="#main">Skip to content</a>
<header class="mbs-h" data-mbs-header>
  <div class="mbs-h-in">
    <a class="mbs-brand" href="/" aria-label="MoonBite home">
      <svg viewBox="-110 -110 220 220" aria-hidden="true"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62 62 0 0 1 13.99 -99.02 Z" fill="#F5F2EA"/></svg>
      <span>MoonBite</span>
    </a>
    <nav class="mbs-nav" aria-label="Main">
      {%- for href, label, _, also in _nav %}
      <a href="{{ href }}"{% if _p == href or _p.startswith(href ~ '/') or _p in also %} aria-current="page"{% endif %}>{{ label }}</a>
      {%- endfor %}
    </nav>
    <div class="mbs-h-right">
      <a class="mbs-status" href="/explorer" data-mbs-status><span class="mbs-dot"></span><span data-mbs-status-text>Network</span></a>
      <a class="mbs-cta" href="/get-wallet">Get the wallet</a>
      <button class="mbs-menu" type="button" data-mbs-menu aria-expanded="false" aria-controls="mbs-sheet">Menu</button>
    </div>
  </div>
</header>
<div class="mbs-sheet" id="mbs-sheet" hidden>
  <nav aria-label="Main">
    <a href="/"{% if _p == '/' %} aria-current="page"{% endif %}>Home <small>Start here</small></a>
    {%- for href, label, hint, also in _nav %}
    <a href="{{ href }}"{% if _p == href or _p.startswith(href ~ '/') or _p in also %} aria-current="page"{% endif %}>{{ label }} <small>{{ hint }}</small></a>
    {%- endfor %}
  </nav>
  <div class="mbs-sheet-foot">
    <a class="mbs-status" href="/explorer" data-mbs-status><span class="mbs-dot"></span><span data-mbs-status-text>Network</span></a>
    <a class="mbs-cta" href="/get-wallet">Get the wallet</a>
  </div>
</div>
<script defer src="{{ url_for('static', filename='shell.js') }}?v=20261021a"></script>
<script defer src="{{ url_for('static', filename='moonbite-ds.js') }}?v=20261021a"></script>