From 94afdbd672156e48361fd181e17bc7ac8a785ba0 Mon Sep 17 00:00:00 2001
From: Marco Walz <marco.walz@dfinity.org>
Date: Mon, 4 May 2026 10:59:41 +0200
Subject: [PATCH] fix(css): force text presentation for arrow characters on
 Windows

Add Unicode variation selector \fe0e (VS15) to arrow characters in CSS
content properties to prevent Windows from rendering them as colored
emoji glyphs via the Segoe UI Emoji fallback font.
---
 src/styles/custom.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/styles/custom.css b/src/styles/custom.css
index 91e6138a..a502de42 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -230,13 +230,13 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .landing-action-card::after {
-  content: '→';
+  content: '→\fe0e';
   opacity: 0.5;
   flex-shrink: 0;
 }
 
 .landing-action-card[href^="http"]::after {
-  content: '↗';
+  content: '↗\fe0e';
   opacity: 1;
 }
 
@@ -337,7 +337,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .sl-link-card:has(a[target="_blank"])::after {
-  content: '↗';
+  content: '↗\fe0e';
   color: var(--sl-color-gray-3);
   font-size: 1.333em;
   line-height: 1;