From c3c0c29fce66f056624cc52a669f9c96f4aa08a3 Mon Sep 17 00:00:00 2001
From: AmeroHan <72120616+AmeroHan@users.noreply.github.com>
Date: Thu, 16 Oct 2025 10:37:13 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat(typography):=20=E2=9C=A8=20improve=20e?=
 =?UTF-8?q?mphasis=20styles=20for=20East=20Asian=20scripts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/typography.less                    | 32 ++++++++++++++-----
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/resources/skins.citizen.styles/common/typography.less b/resources/skins.citizen.styles/common/typography.less
index a1123db47..98bdd7d89 100644
--- a/resources/skins.citizen.styles/common/typography.less
+++ b/resources/skins.citizen.styles/common/typography.less
@@ -55,23 +55,39 @@ figcaption {
 }
 
 em {
+	// Languages that do not use italics for emphasis
+	// References:
+	// zh: https://www.w3.org/TR/2025/DNOTE-clreq-20251008/#id84
+	// ja: https://www.w3.org/TR/2020/NOTE-jlreq-20200811/#composition_of_emphasis_dots
+	// mn: https://www.w3.org/TR/2025/DNOTE-mlreq-20250710/#h_emphasis
+	// ko: emphasis not mentioned in klreq, further investigation needed
+	&:lang( zh ),
 	&:lang( ja ),
 	&:lang( ko ),
-	&:lang( mn ),
-	&:lang( zh ) {
-		/* CJK languages do not use italics for emphasis */
+	// We assume that `mn` without `-Mong` is written in Cyrillic, namely `mn-Cyrl`
+	&:lang( mn-Mong ) {
 		font-style: normal;
-		text-emphasis: filled;
+	}
+
+	&:lang( zh ) {
+		-webkit-text-emphasis: filled dot;
+		text-emphasis: filled dot;
+		-webkit-text-emphasis-position: under;
+		text-emphasis-position: under right;
 	}
 
 	&:lang( ja ),
-	&:lang( ko ),
-	&:lang( mn ) {
+	&:lang( ko ) {
+		-webkit-text-emphasis: filled;
+		text-emphasis: filled;
+		-webkit-text-emphasis-position: over;
 		text-emphasis-position: over right;
 	}
 
-	&:lang( zh ) & {
-		text-emphasis-position: under right;
+	&:lang( mn-Mong ) {
+		// For vertical text, wavy line should appear on the right side
+		// but we are unable to implement this
+		text-decoration: underline wavy;
 	}
 }
 

From bc02e53270e68822177dfbbe4759fc5a45c5dbd1 Mon Sep 17 00:00:00 2001
From: AmeroHan <72120616+AmeroHan@users.noreply.github.com>
Date: Thu, 16 Oct 2025 14:15:30 +0800
Subject: [PATCH 2/2] =?UTF-8?q?style(typography):=20=F0=9F=8E=A8=20use=20b?=
 =?UTF-8?q?lock=20comment=20instead=20of=20slash=20comment?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/typography.less                    | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/resources/skins.citizen.styles/common/typography.less b/resources/skins.citizen.styles/common/typography.less
index 98bdd7d89..e6f0415b2 100644
--- a/resources/skins.citizen.styles/common/typography.less
+++ b/resources/skins.citizen.styles/common/typography.less
@@ -55,16 +55,20 @@ figcaption {
 }
 
 em {
-	// Languages that do not use italics for emphasis
-	// References:
-	// zh: https://www.w3.org/TR/2025/DNOTE-clreq-20251008/#id84
-	// ja: https://www.w3.org/TR/2020/NOTE-jlreq-20200811/#composition_of_emphasis_dots
-	// mn: https://www.w3.org/TR/2025/DNOTE-mlreq-20250710/#h_emphasis
-	// ko: emphasis not mentioned in klreq, further investigation needed
+	/**
+	 * Languages that do not use italics for emphasis
+	 *
+	 * References:
+	 * - zh: {@link https://www.w3.org/TR/2025/DNOTE-clreq-20251008/#id84}
+	 * - ja: {@link https://www.w3.org/TR/2020/NOTE-jlreq-20200811/#composition_of_emphasis_dots}
+	 * - mn: {@link https://www.w3.org/TR/2025/DNOTE-mlreq-20250710/#h_emphasis}
+	 * - ko: emphasis not mentioned in klreq, further investigation needed
+	 *
+	 * We assume that `mn` without `-Mong` is written in Cyrillic, namely `mn-Cyrl`
+	 */
 	&:lang( zh ),
 	&:lang( ja ),
 	&:lang( ko ),
-	// We assume that `mn` without `-Mong` is written in Cyrillic, namely `mn-Cyrl`
 	&:lang( mn-Mong ) {
 		font-style: normal;
 	}
@@ -86,7 +90,7 @@ em {
 
 	&:lang( mn-Mong ) {
 		// For vertical text, wavy line should appear on the right side
-		// but we are unable to implement this
+		// but we are unable to implement that
 		text-decoration: underline wavy;
 	}
 }