Use SVG link arrows to avoid mobile emoji rendering

site/index.html

@@ -39,7 +39,7 @@
           <a href="./" aria-current="page">Overview</a
           ><a href="docs/">Documentation</a
           ><a href="https://github.com/borngraced/ferese"
-            >GitHub <span aria-hidden="true">↗</span></a
+            >GitHub <svg class="link-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M7 17 17 7M7 7h10v10"/></svg></a
           >
         </nav>
       </div>
@@ -57,7 +57,7 @@
           <a class="button" href="docs/installation.html">Install Ferese</a>
           <a class="button secondary" href="docs/">Documentation</a>
           <a class="source-link" href="https://github.com/borngraced/ferese"
-            >Source code ↗</a
+            >Source code <svg class="link-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M7 17 17 7M7 7h10v10"/></svg></a
           >
         </div>
       </section>
@@ -121,7 +121,7 @@
     <footer class="site-footer page-width">
       <a class="wordmark" href="./">ferese</a>
       <p>A beautiful, fluid Wayland desktop.</p>
-      <a href="docs/">Read the handbook <span aria-hidden="true">↗</span></a>
+      <a href="docs/">Read the handbook <svg class="link-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M7 17 17 7M7 7h10v10"/></svg></a>
     </footer>
   </body>
 </html>

site/styles.css

@@ -1131,3 +1131,11 @@ kbd {
     margin-top: 7px;
   }
 }
+
+/* SVG external-link arrows avoid platform emoji presentation. */
+.link-arrow {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.125em;
+}