site(ariadne.x, theseus.x): standardise sub-page topnavs; fix relative paths

Two bugs the user hit while browsing the dev docs:

1. ariadne.x/dev/ used root-style hrefs ("thread", "dev", "assets/…") that
   assumed the <base> tag workaround was active. On a client that walks
   relative URLs against the page URL (BCNR direct hosts, Theseus in
   gateway mode), every click appended one more segment — "/dev/plug-ins",
   "/dev/plug-ins/extensions", etc. — because "plug-ins" resolved against
   "/dev/" instead of the site root. Switched the dev page to proper "../"
   relative paths (../thread/, ../assets/favicon.svg, ../#download) so it
   resolves correctly regardless of host or base-tag presence. Same fix
   on ariadne.x/thread/ (brand href="" went nowhere; the Product column
   pointed every link at the current directory).

2. Theseus sub-pages had drifted apart. The home topnav was already
   trimmed to Plug-ins · Extensions · Developers · Sirius.X · Get Theseus,
   but plug-ins/, extensions/, brand/, and whitepaper/ still carried the
   old "Brand" link in their topnav, had no "Developers" entry at all,
   and lacked the mobile hamburger. Standardised all four to the home
   pattern and dropped Brand + Whitepaper from the topnav on each page.
   Both pages still exist and are reachable from the footer; neither is
   on the top-level nav path.

Also added a Developers link + hamburger to ariadne.x/thread/ so the
Ariadne family matches the Theseus family on every page.

brand/index.html

@@ -41,6 +41,28 @@
   .topnav a .g{color:var(--acid)}
   .topnav a svg.tabicon{width:15px;height:15px;flex:none}
 
+  /* Mobile hamburger — matches the home-page pattern. */
+  .topnav .menu{display:none}
+  @media (max-width:720px){
+    .topnav{flex-wrap:nowrap;padding:10px 1rem}
+    .topnav .brand{margin-right:0}
+    .topnav > a:not(.brand){display:none}
+    .topnav .menu{display:block;margin-left:auto;position:relative}
+    .topnav .menu > summary{list-style:none;cursor:pointer;padding:8px 10px;
+         border-radius:8px;color:var(--mut);display:inline-flex;align-items:center;gap:6px}
+    .topnav .menu > summary::-webkit-details-marker{display:none}
+    .topnav .menu > summary svg{width:22px;height:22px;display:block}
+    .topnav .menu > summary:hover,
+    .topnav .menu[open] > summary{color:var(--ink);background:var(--panel)}
+    .topnav .menu .menu-panel{position:absolute;top:calc(100% + 6px);right:0;
+         background:var(--bg);border:1px solid var(--line);border-radius:12px;
+         padding:6px;min-width:220px;display:flex;flex-direction:column;gap:2px;
+         box-shadow:0 10px 32px rgba(0,0,0,.55)}
+    .topnav .menu .menu-panel a{padding:10px 14px;border-radius:8px;font-size:14.5px;
+         color:var(--mut);text-decoration:none;display:flex;align-items:center;gap:8px}
+    .topnav .menu .menu-panel a:hover{color:var(--ink);background:var(--panel)}
+  }
+
   /* Sidebar overlay — same shape as index.html */
   :root{--sn-w:200px;--tn-h:52px}
   body{padding-top:var(--tn-h)}
@@ -133,9 +155,20 @@
   </a>
   <a href="../plug-ins/">Plug-ins</a>
   <a href="../extensions/">Extensions</a>
-  <a class="here" href="./">Brand</a>
+  <a href="../dev/">Developers</a>
   <a href="https://sirius.x/" title="Register a BCNR name"><svg class="tabicon" viewBox="0 0 64 64" aria-hidden="true"><rect width="64" height="64" rx="12" fill="#0b0e14"/><path d="M32 4 L36.4 27.6 L60 32 L36.4 36.4 L32 60 L27.6 36.4 L4 32 L27.6 27.6 Z" fill="#d6ff3d"/></svg><span>Sirius<span class="g">.X</span></span></a>
   <a class="get" href="../#download">Get Theseus</a>
+  <details class="menu">
+    <summary aria-label="Open menu">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
+    </summary>
+    <div class="menu-panel">
+      <a href="../plug-ins/">Plug-ins</a>
+      <a href="../extensions/">Extensions</a>
+      <a href="../dev/">Developers</a>
+      <a href="https://sirius.x/">Sirius.X</a>
+    </div>
+  </details>
 </nav>
 
 <aside class="sidenav" aria-label="On this page">

extensions/index.html

@@ -34,6 +34,28 @@
   .topnav a.here{color:var(--acid);background:rgba(214,255,61,.08)}
   .topnav a .g{color:var(--acid)}
   .topnav a svg.tabicon{width:15px;height:15px;flex:none}
+
+  /* Mobile hamburger — matches the home-page pattern. */
+  .topnav .menu{display:none}
+  @media (max-width:720px){
+    .topnav{flex-wrap:nowrap;padding:10px 1rem}
+    .topnav .brand{margin-right:0}
+    .topnav > a:not(.brand){display:none}
+    .topnav .menu{display:block;margin-left:auto;position:relative}
+    .topnav .menu > summary{list-style:none;cursor:pointer;padding:8px 10px;
+         border-radius:8px;color:var(--mut);display:inline-flex;align-items:center;gap:6px}
+    .topnav .menu > summary::-webkit-details-marker{display:none}
+    .topnav .menu > summary svg{width:22px;height:22px;display:block}
+    .topnav .menu > summary:hover,
+    .topnav .menu[open] > summary{color:var(--ink);background:var(--panel)}
+    .topnav .menu .menu-panel{position:absolute;top:calc(100% + 6px);right:0;
+         background:var(--bg);border:1px solid var(--line);border-radius:12px;
+         padding:6px;min-width:220px;display:flex;flex-direction:column;gap:2px;
+         box-shadow:0 10px 32px rgba(0,0,0,.55)}
+    .topnav .menu .menu-panel a{padding:10px 14px;border-radius:8px;font-size:14.5px;
+         color:var(--mut);text-decoration:none;display:flex;align-items:center;gap:8px}
+    .topnav .menu .menu-panel a:hover{color:var(--ink);background:var(--panel)}
+  }
   .topnav a.get{margin-left:auto;background:rgba(214,255,61,.10);color:var(--acid);font-weight:500}
   .topnav a.get:hover{background:rgba(214,255,61,.18)}
 
@@ -147,9 +169,20 @@
   </a>
   <a href="../plug-ins/">Plug-ins</a>
   <a class="here" href="./">Extensions</a>
-  <a href="../brand/">Brand</a>
+  <a href="../dev/">Developers</a>
   <a href="https://sirius.x/" title="Register a BCNR name"><svg class="tabicon" viewBox="0 0 64 64" aria-hidden="true"><rect width="64" height="64" rx="12" fill="#0b0e14"/><path d="M32 4 L36.4 27.6 L60 32 L36.4 36.4 L32 60 L27.6 36.4 L4 32 L27.6 27.6 Z" fill="#d6ff3d"/></svg><span>Sirius<span class="g">.X</span></span></a>
   <a class="get" href="../#download">Get Theseus</a>
+  <details class="menu">
+    <summary aria-label="Open menu">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
+    </summary>
+    <div class="menu-panel">
+      <a href="../plug-ins/">Plug-ins</a>
+      <a href="./">Extensions</a>
+      <a href="../dev/">Developers</a>
+      <a href="https://sirius.x/">Sirius.X</a>
+    </div>
+  </details>
 </nav>
 
 <aside class="sidenav" aria-label="On this page">

plug-ins/index.html

@@ -32,7 +32,29 @@
   .topnav a:hover{color:var(--ink);background:var(--panel)}
   .topnav a.here{color:var(--acid);background:rgba(214,255,61,.08)}
   .topnav a .g{color:var(--acid)}
-  .topnav a svg.tabicon{width:15px;height:15px;flex:none}
+  .topnav a svg.tabicon{width:15px;height:15px;flex:none}
+
+  /* Mobile hamburger — matches the home-page pattern. */
+  .topnav .menu{display:none}
+  @media (max-width:720px){
+    .topnav{flex-wrap:nowrap;padding:10px 1rem}
+    .topnav .brand{margin-right:0}
+    .topnav > a:not(.brand){display:none}
+    .topnav .menu{display:block;margin-left:auto;position:relative}
+    .topnav .menu > summary{list-style:none;cursor:pointer;padding:8px 10px;
+         border-radius:8px;color:var(--mut);display:inline-flex;align-items:center;gap:6px}
+    .topnav .menu > summary::-webkit-details-marker{display:none}
+    .topnav .menu > summary svg{width:22px;height:22px;display:block}
+    .topnav .menu > summary:hover,
+    .topnav .menu[open] > summary{color:var(--ink);background:var(--panel)}
+    .topnav .menu .menu-panel{position:absolute;top:calc(100% + 6px);right:0;
+         background:var(--bg);border:1px solid var(--line);border-radius:12px;
+         padding:6px;min-width:220px;display:flex;flex-direction:column;gap:2px;
+         box-shadow:0 10px 32px rgba(0,0,0,.55)}
+    .topnav .menu .menu-panel a{padding:10px 14px;border-radius:8px;font-size:14.5px;
+         color:var(--mut);text-decoration:none;display:flex;align-items:center;gap:8px}
+    .topnav .menu .menu-panel a:hover{color:var(--ink);background:var(--panel)}
+  }
   .topnav a.get{margin-left:auto;background:rgba(214,255,61,.10);color:var(--acid);font-weight:500}
   .topnav a.get:hover{background:rgba(214,255,61,.18)}
 
@@ -118,9 +140,20 @@
   </a>
   <a class="here" href="./">Plug-ins</a>
   <a href="../extensions/">Extensions</a>
-  <a href="../brand/">Brand</a>
+  <a href="../dev/">Developers</a>
   <a href="https://sirius.x/" title="Register a BCNR name"><svg class="tabicon" viewBox="0 0 64 64" aria-hidden="true"><rect width="64" height="64" rx="12" fill="#0b0e14"/><path d="M32 4 L36.4 27.6 L60 32 L36.4 36.4 L32 60 L27.6 36.4 L4 32 L27.6 27.6 Z" fill="#d6ff3d"/></svg><span>Sirius<span class="g">.X</span></span></a>
   <a class="get" href="../#download">Get Theseus</a>
+  <details class="menu">
+    <summary aria-label="Open menu">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
+    </summary>
+    <div class="menu-panel">
+      <a href="./">Plug-ins</a>
+      <a href="../extensions/">Extensions</a>
+      <a href="../dev/">Developers</a>
+      <a href="https://sirius.x/">Sirius.X</a>
+    </div>
+  </details>
 </nav>
 
 <aside class="sidenav" aria-label="On this page">

whitepaper/index.html

@@ -31,6 +31,28 @@
   .topnav a.get:hover{background:rgba(214,255,61,.18)}
   .topnav a .g{color:var(--acid)}
   .topnav a svg.tabicon{width:15px;height:15px;flex:none}
+
+  /* Mobile hamburger — matches the home-page pattern. */
+  .topnav .menu{display:none}
+  @media (max-width:720px){
+    .topnav{flex-wrap:nowrap;padding:10px 1rem}
+    .topnav .brand{margin-right:0}
+    .topnav > a:not(.brand){display:none}
+    .topnav .menu{display:block;margin-left:auto;position:relative}
+    .topnav .menu > summary{list-style:none;cursor:pointer;padding:8px 10px;
+         border-radius:8px;color:var(--mut);display:inline-flex;align-items:center;gap:6px}
+    .topnav .menu > summary::-webkit-details-marker{display:none}
+    .topnav .menu > summary svg{width:22px;height:22px;display:block}
+    .topnav .menu > summary:hover,
+    .topnav .menu[open] > summary{color:var(--ink);background:var(--panel)}
+    .topnav .menu .menu-panel{position:absolute;top:calc(100% + 6px);right:0;
+         background:var(--bg);border:1px solid var(--line);border-radius:12px;
+         padding:6px;min-width:220px;display:flex;flex-direction:column;gap:2px;
+         box-shadow:0 10px 32px rgba(0,0,0,.55)}
+    .topnav .menu .menu-panel a{padding:10px 14px;border-radius:8px;font-size:14.5px;
+         color:var(--mut);text-decoration:none;display:flex;align-items:center;gap:8px}
+    .topnav .menu .menu-panel a:hover{color:var(--ink);background:var(--panel)}
+  }
   .wrap{max-width:1040px;margin:0 auto;padding:0 1.2rem}
   .layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:48px;justify-content:center;align-items:start}
   header.hero{padding:3rem 0 1rem}
@@ -73,10 +95,20 @@
   </a>
   <a href="../plug-ins/">Plug-ins</a>
   <a href="../extensions/">Extensions</a>
-  <a href="../brand/">Brand</a>
+  <a href="../dev/">Developers</a>
-  <a class="here" href="./">Whitepaper</a>
   <a href="https://sirius.x/" title="Register a BCNR name"><svg class="tabicon" viewBox="0 0 64 64" aria-hidden="true"><rect width="64" height="64" rx="12" fill="#0b0e14"/><path d="M32 4 L36.4 27.6 L60 32 L36.4 36.4 L32 60 L27.6 36.4 L4 32 L27.6 27.6 Z" fill="#d6ff3d"/></svg><span>Sirius<span class="g">.X</span></span></a>
   <a class="get" href="../#download">Get Theseus</a>
+  <details class="menu">
+    <summary aria-label="Open menu">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg>
+    </summary>
+    <div class="menu-panel">
+      <a href="../plug-ins/">Plug-ins</a>
+      <a href="../extensions/">Extensions</a>
+      <a href="../dev/">Developers</a>
+      <a href="https://sirius.x/">Sirius.X</a>
+    </div>
+  </details>
 </nav>
 
 <div class="wrap">