diff --git a/README.md b/README.md
index ff47f2552..19b395c70 100644
--- a/README.md
+++ b/README.md
@@ -189,7 +189,7 @@ Since version 2.0, Iosevka would no longer support building via `makefile`. To i
 		
 	
 	<!-- END Section-Private-Build-Plan-Sample -->
-								
+																					
 	
 3. Run `npm run build -- contents::<your plan name>` and the built fonts would be avaliable in `dist/`. Aside from `contents::<plan>`, other options are:
 
@@ -320,10 +320,15 @@ The current available styles for `design`/`upright`/`italic`/`oblique` options a
     * `v-i-zshaped`, `cv06`: Z-shaped `i`.
     * `v-i-line`, `cv56`: `i` like a straight line.
     * `v-i-tailed`, `cv88`: Tailed `i`.
+    * `v-i-hookybottom`, `CVAA`: `i` with a straight tail.
   * Styles for `j`:
     * `v-j-line`, `cv57`: `j` like a straight line.
     * `v-j-serifed`, `cv58`: `j` with top serif (default).
     * `v-j-straight`, `cv98`: `j` without serif.
+  * Styles for `k`, `K`:
+    * `v-k-straight`, `cv68`: `k` with standard shape (default for Upright).
+    * `v-k-curly`, `cv69`: Slightly curly `k`, like Iosevka 2.x.
+    * `v-k-cursive`, `cv70`: `k` with a cursive loop (default for Italic).
   * Styles for `l`:
     * `v-l-serifed`, `cv07`: Serifed `l` (default for Upright).
     * `v-l-italic`, `cv08`: Italic, cursive `l` (default for Italic).
@@ -332,10 +337,6 @@ The current available styles for `design`/`upright`/`italic`/`oblique` options a
     * `v-l-tailed`, `cv27`: `l` with a curved tail.
     * `v-l-hookybottom`, `cv28`: `l` with a straight tail.
     * `v-l-line`, `cv59`: `l` like a straight line.
-  * Styles for `k`, `K`:
-    * `v-k-straight`, `cv68`: `k` with standard shape (default for Upright).
-    * `v-k-curly`, `cv69`: Slightly curly `k`, like Iosevka 2.x.
-    * `v-k-cursive`, `cv70`: `k` with a cursive loop (default for Italic).
   * Styles for `m`:
     * `v-m-normal`, `cv25`: `m` with normal middle leg, touching the baseline (default).
     * `v-m-shortleg`, `cv26`: `m` with shorter middle leg, like Ubuntu Mono.
@@ -409,8 +410,9 @@ The current available styles for `design`/`upright`/`italic`/`oblique` options a
     * `v-asterisk-hexhigh`, `cv60`: Higher six-pointed asterisk `*`.
     * `v-asterisk-hexlow`, `cv61`: Lower six-pointed asterisk `*`.
   * Styles for `_`:
-    * `v-underscore-high`, `cv20`: Higher underscore `_`, at baseline (default).
-    * `v-underscore-low`, `cv21`: Lower underscore `_`, below baseline.
+    * `v-underscore-high`, `cv20`: Higher underscore `_`, placed right below baseline (default).
+    * `v-underscore-low`, `cv21`: Lower underscore `_`, placed right above descender line.
+    * `v-underscore-above-baseline`, `cv99`: Extra-high `_`, placed right below baseline.
   * Styles for `¶`:
     * `v-paragraph-high`, `cv22`: Higher paragraph symbol `¶` (default).
     * `v-paragraph-low`, `cv23`: Lower paragraph symbol `¶`.
diff --git a/changes/3.1.0.md b/changes/3.1.0.md
index bd9bc1f1f..ab4f4327e 100644
--- a/changes/3.1.0.md
+++ b/changes/3.1.0.md
@@ -4,4 +4,6 @@
  * Add support for WHITE SUN WITH RAYS (U+263C, ☼, #521).
  * Add preview image building in release notes.
  * Added `v-underscore-above-baseline` (`cv99`) and redefined the `v-underscore-high` to the right-below-baseline variant (#515).
- * Match styles of `1` and `7` in `ss##` variants (#539).
\ No newline at end of file
+ * Match styles of `1` and `7` in `ss##` variants (#539).
+ * Refine the width of `A` and `V`.
+ * Changed the layout of character variants sample image for better clarity.
\ No newline at end of file
diff --git a/glyphs/letters-unified-basic.ptl b/glyphs/letters-unified-basic.ptl
index 80464f276..40b945860 100644
--- a/glyphs/letters-unified-basic.ptl
+++ b/glyphs/letters-unified-basic.ptl
@@ -187,10 +187,18 @@ glyph-block LetterUnified-Basic : begin
 		sketch # dotlessi.tailed
 			local df : DivFrame para.diversityI
 			set-width df.width
-			include df.markSet.b
+			include df.markSet.e
 			include : TailedIShape df XH
 			save 'dotlessi.tailed'
 
+		sketch # dotlessi.tailed
+			local df : DivFrame para.diversityI
+			set-width df.width
+			include df.markSet.e
+			include : VBar (df.middle) 0 XH
+			include : RightwardBottomSerif df.middle 0 (LONGJUT * df.div)
+			save 'dotlessi.hookybottom'
+
 		select-variant 'dotlessi' 0x131
 		sketch # iogonek.dotless
 			include [refer-glyph 'dotlessi'] AS_BASE
@@ -636,17 +644,18 @@ glyph-block LetterUnified-Basic : begin
 		define VShapeMiddleWidth : adviceBlackness 3
 		define pInktrap 0.5
 
+		define StraightSbShrink : mix 1 designParameters.straightVShapeSbShrink : if SLAB 0.75 1
+
 		define [VShapeOutline] : params [top [sw STROKE] barStraight div] : glyph-construction
 			local df : DivFrame div
 			local fine : [if barStraight VShapeFineStraight VShapeFine] * sw / STROKE
-			local sbCor : (CAP / top) * OX
 			local dgCor : diagCor top (WIDTH / 2) 0 (sw * 2)
 			local clearance : 0 - OX
 
 			if barStraight : begin
-				local vxStartL : df.leftSB + sbCor + clearance
+				local vxStartL : df.leftSB * StraightSbShrink + clearance
 				local vxEndL : df.middle - cornerdist + clearance
-				local vxStartR : df.rightSB - sbCor - clearance
+				local vxStartR : df.width - df.leftSB * StraightSbShrink - clearance
 				local vxEndR : df.middle + cornerdist - clearance
 				include : spiro-outline
 					flat [mix vxStartL vxEndL 0] [mix top 0 0]
@@ -658,7 +667,7 @@ glyph-block LetterUnified-Basic : begin
 			: else : begin
 				local vxStartL : df.leftSB + clearance
 				local vxEndL : df.middle - cornerdist + clearance
-				local vxStartR : df.rightSB - clearance
+				local vxStartR : df.width - df.leftSB - clearance
 				local vxEndR : df.middle + cornerdist - clearance
 				include : spiro-outline
 					flat vxStartL top
@@ -673,12 +682,11 @@ glyph-block LetterUnified-Basic : begin
 		define [VShape] : params [top [sw STROKE] barStraight div] : glyph-construction
 			local df : DivFrame div
 			local fine : Math.min sw : if barStraight VShapeFineStraight VShapeFine
-			local sbCor : (CAP / top) * OX
 			local dgCor : diagCor (2 * top) WIDTH 0 (2 * sw)
 			if barStraight : begin
-				local vxStartL : SB + sbCor
+				local vxStartL : df.leftSB * StraightSbShrink
 				local vxEndL : df.middle - cornerdist
-				local vxStartR : df.rightSB - sbCor
+				local vxStartR : df.width - df.leftSB * StraightSbShrink
 				local vxEndR : df.middle + cornerdist
 				local midSW : VShapeMiddleWidth / STROKE * sw
 				include : dispiro
@@ -1363,9 +1371,7 @@ glyph-block LetterUnified-Basic : begin
 			local dpy2 : (1 - [linreg (1 - px1) (1 - py1) px2 py2 1]) / (1 - py2)
 			local yrstrokel0 : MIDDLE - WIDTH * 0.1
 			local yrstrokel : MIDDLE - WIDTH * 0.1 + (STROKE * HVCONTRAST * [if (useStraightBottom || useCurlyBottom) (2 / 3) (1 / 3)])
-			local ySbCor : (XH / CAP) * (OX * [if slab 1 4])
-			local sbScalar : if (straightBar && SLAB && !slab) 1.5 1
-			local yrstroker : WIDTH - SB * sbScalar - [if straightBar ySbCor 0]
+			local yrstroker : WIDTH - SB * [if (straightBar && SLAB && !slab) 1.5 1] * [if (straightBar && !slab) designParameters.straightSmallYShapeSbShrink 1]
 			local yshrink : [linreg 18 1 126 0.85 STROKE] * [if straightBar ([adviceBlackness 3.25] / STROKE) 1]
 			local yBottomJut : JUT * 1.25
 			local slabysize : JUT * 1.0625 * (WIDTH / UPM) + STROKE
diff --git a/images/charvars.png b/images/charvars.png
index a72bfb879..0051c3f81 100644
Binary files a/images/charvars.png and b/images/charvars.png differ
diff --git a/images/iosevka-aile.png b/images/iosevka-aile.png
index ef7f13a27..fa82ed567 100644
Binary files a/images/iosevka-aile.png and b/images/iosevka-aile.png differ
diff --git a/images/iosevka-curly-slab.png b/images/iosevka-curly-slab.png
index ffacb3122..83beeb8ce 100644
Binary files a/images/iosevka-curly-slab.png and b/images/iosevka-curly-slab.png differ
diff --git a/images/iosevka-curly.png b/images/iosevka-curly.png
index fc0760536..e534e7796 100644
Binary files a/images/iosevka-curly.png and b/images/iosevka-curly.png differ
diff --git a/images/iosevka-etoile.png b/images/iosevka-etoile.png
index a1d2373aa..15bd59284 100644
Binary files a/images/iosevka-etoile.png and b/images/iosevka-etoile.png differ
diff --git a/images/iosevka-fixed-curly-slab.png b/images/iosevka-fixed-curly-slab.png
index faf1a5183..c6d4aab08 100644
Binary files a/images/iosevka-fixed-curly-slab.png and b/images/iosevka-fixed-curly-slab.png differ
diff --git a/images/iosevka-fixed-curly.png b/images/iosevka-fixed-curly.png
index aed042b5b..97710579f 100644
Binary files a/images/iosevka-fixed-curly.png and b/images/iosevka-fixed-curly.png differ
diff --git a/images/iosevka-fixed-slab.png b/images/iosevka-fixed-slab.png
index d27654de0..ea078dd30 100644
Binary files a/images/iosevka-fixed-slab.png and b/images/iosevka-fixed-slab.png differ
diff --git a/images/iosevka-fixed-ss01.png b/images/iosevka-fixed-ss01.png
index c1c21b20f..fa109edf8 100644
Binary files a/images/iosevka-fixed-ss01.png and b/images/iosevka-fixed-ss01.png differ
diff --git a/images/iosevka-fixed-ss02.png b/images/iosevka-fixed-ss02.png
index a79f19e26..042ef4403 100644
Binary files a/images/iosevka-fixed-ss02.png and b/images/iosevka-fixed-ss02.png differ
diff --git a/images/iosevka-fixed-ss03.png b/images/iosevka-fixed-ss03.png
index 771216d3f..1684c7b08 100644
Binary files a/images/iosevka-fixed-ss03.png and b/images/iosevka-fixed-ss03.png differ
diff --git a/images/iosevka-fixed-ss04.png b/images/iosevka-fixed-ss04.png
index 4cb867553..820e95538 100644
Binary files a/images/iosevka-fixed-ss04.png and b/images/iosevka-fixed-ss04.png differ
diff --git a/images/iosevka-fixed-ss05.png b/images/iosevka-fixed-ss05.png
index 5eb905fbf..c69249982 100644
Binary files a/images/iosevka-fixed-ss05.png and b/images/iosevka-fixed-ss05.png differ
diff --git a/images/iosevka-fixed-ss06.png b/images/iosevka-fixed-ss06.png
index f9369cf0f..c074db129 100644
Binary files a/images/iosevka-fixed-ss06.png and b/images/iosevka-fixed-ss06.png differ
diff --git a/images/iosevka-fixed-ss07.png b/images/iosevka-fixed-ss07.png
index e63beacf9..5709939cb 100644
Binary files a/images/iosevka-fixed-ss07.png and b/images/iosevka-fixed-ss07.png differ
diff --git a/images/iosevka-fixed-ss08.png b/images/iosevka-fixed-ss08.png
index bedd56082..eef566caa 100644
Binary files a/images/iosevka-fixed-ss08.png and b/images/iosevka-fixed-ss08.png differ
diff --git a/images/iosevka-fixed-ss09.png b/images/iosevka-fixed-ss09.png
index 87d341f89..fd5597bcc 100644
Binary files a/images/iosevka-fixed-ss09.png and b/images/iosevka-fixed-ss09.png differ
diff --git a/images/iosevka-fixed-ss10.png b/images/iosevka-fixed-ss10.png
index a56eff4c4..c8a929e86 100644
Binary files a/images/iosevka-fixed-ss10.png and b/images/iosevka-fixed-ss10.png differ
diff --git a/images/iosevka-fixed-ss11.png b/images/iosevka-fixed-ss11.png
index 8d8e54b7b..0f111c977 100644
Binary files a/images/iosevka-fixed-ss11.png and b/images/iosevka-fixed-ss11.png differ
diff --git a/images/iosevka-fixed-ss12.png b/images/iosevka-fixed-ss12.png
index f6a133ff5..4b18d2244 100644
Binary files a/images/iosevka-fixed-ss12.png and b/images/iosevka-fixed-ss12.png differ
diff --git a/images/iosevka-fixed-ss13.png b/images/iosevka-fixed-ss13.png
index 041c2a5d0..1dac89043 100644
Binary files a/images/iosevka-fixed-ss13.png and b/images/iosevka-fixed-ss13.png differ
diff --git a/images/iosevka-fixed-ss14.png b/images/iosevka-fixed-ss14.png
index 77fae60bd..6d24c223f 100644
Binary files a/images/iosevka-fixed-ss14.png and b/images/iosevka-fixed-ss14.png differ
diff --git a/images/iosevka-fixed.png b/images/iosevka-fixed.png
index 4791898a6..b7ec545e3 100644
Binary files a/images/iosevka-fixed.png and b/images/iosevka-fixed.png differ
diff --git a/images/iosevka-slab.png b/images/iosevka-slab.png
index 412c2172d..d35bb0642 100644
Binary files a/images/iosevka-slab.png and b/images/iosevka-slab.png differ
diff --git a/images/iosevka-sparkle.png b/images/iosevka-sparkle.png
index 5fc92da37..11a3dcfef 100644
Binary files a/images/iosevka-sparkle.png and b/images/iosevka-sparkle.png differ
diff --git a/images/iosevka-ss01.png b/images/iosevka-ss01.png
index 6b7647345..c977c3064 100644
Binary files a/images/iosevka-ss01.png and b/images/iosevka-ss01.png differ
diff --git a/images/iosevka-ss02.png b/images/iosevka-ss02.png
index e14fdf0de..fd1ba3de2 100644
Binary files a/images/iosevka-ss02.png and b/images/iosevka-ss02.png differ
diff --git a/images/iosevka-ss03.png b/images/iosevka-ss03.png
index 74ed55875..83aa087f0 100644
Binary files a/images/iosevka-ss03.png and b/images/iosevka-ss03.png differ
diff --git a/images/iosevka-ss04.png b/images/iosevka-ss04.png
index 869482e68..657260725 100644
Binary files a/images/iosevka-ss04.png and b/images/iosevka-ss04.png differ
diff --git a/images/iosevka-ss05.png b/images/iosevka-ss05.png
index b48d52e49..178a538b2 100644
Binary files a/images/iosevka-ss05.png and b/images/iosevka-ss05.png differ
diff --git a/images/iosevka-ss06.png b/images/iosevka-ss06.png
index 28d91b6a6..a3d9114cb 100644
Binary files a/images/iosevka-ss06.png and b/images/iosevka-ss06.png differ
diff --git a/images/iosevka-ss07.png b/images/iosevka-ss07.png
index 5209cb52c..02cea6908 100644
Binary files a/images/iosevka-ss07.png and b/images/iosevka-ss07.png differ
diff --git a/images/iosevka-ss08.png b/images/iosevka-ss08.png
index bfe647ec9..8a7104186 100644
Binary files a/images/iosevka-ss08.png and b/images/iosevka-ss08.png differ
diff --git a/images/iosevka-ss09.png b/images/iosevka-ss09.png
index 034d10eb6..e09331411 100644
Binary files a/images/iosevka-ss09.png and b/images/iosevka-ss09.png differ
diff --git a/images/iosevka-ss10.png b/images/iosevka-ss10.png
index e9ca84b26..eae68727c 100644
Binary files a/images/iosevka-ss10.png and b/images/iosevka-ss10.png differ
diff --git a/images/iosevka-ss11.png b/images/iosevka-ss11.png
index ec3e8cd31..353d9267d 100644
Binary files a/images/iosevka-ss11.png and b/images/iosevka-ss11.png differ
diff --git a/images/iosevka-ss12.png b/images/iosevka-ss12.png
index f7eed468c..d1a05c3de 100644
Binary files a/images/iosevka-ss12.png and b/images/iosevka-ss12.png differ
diff --git a/images/iosevka-ss13.png b/images/iosevka-ss13.png
index 52afe8e29..dcd8228af 100644
Binary files a/images/iosevka-ss13.png and b/images/iosevka-ss13.png differ
diff --git a/images/iosevka-ss14.png b/images/iosevka-ss14.png
index 268a09e70..d67fe67ab 100644
Binary files a/images/iosevka-ss14.png and b/images/iosevka-ss14.png differ
diff --git a/images/iosevka-term-curly-slab.png b/images/iosevka-term-curly-slab.png
index 0c9c5a7c4..9aaa291c4 100644
Binary files a/images/iosevka-term-curly-slab.png and b/images/iosevka-term-curly-slab.png differ
diff --git a/images/iosevka-term-curly.png b/images/iosevka-term-curly.png
index 630e50aba..8e290ba1e 100644
Binary files a/images/iosevka-term-curly.png and b/images/iosevka-term-curly.png differ
diff --git a/images/iosevka-term-slab.png b/images/iosevka-term-slab.png
index d64bc65f8..77d37cca3 100644
Binary files a/images/iosevka-term-slab.png and b/images/iosevka-term-slab.png differ
diff --git a/images/iosevka-term-ss01.png b/images/iosevka-term-ss01.png
index 593e152cc..2c147645f 100644
Binary files a/images/iosevka-term-ss01.png and b/images/iosevka-term-ss01.png differ
diff --git a/images/iosevka-term-ss02.png b/images/iosevka-term-ss02.png
index edeaefd61..05b482266 100644
Binary files a/images/iosevka-term-ss02.png and b/images/iosevka-term-ss02.png differ
diff --git a/images/iosevka-term-ss03.png b/images/iosevka-term-ss03.png
index be5765d0a..274a3fcbb 100644
Binary files a/images/iosevka-term-ss03.png and b/images/iosevka-term-ss03.png differ
diff --git a/images/iosevka-term-ss04.png b/images/iosevka-term-ss04.png
index 06b811b2e..21d209aaa 100644
Binary files a/images/iosevka-term-ss04.png and b/images/iosevka-term-ss04.png differ
diff --git a/images/iosevka-term-ss05.png b/images/iosevka-term-ss05.png
index 45f938158..ecdc909a5 100644
Binary files a/images/iosevka-term-ss05.png and b/images/iosevka-term-ss05.png differ
diff --git a/images/iosevka-term-ss06.png b/images/iosevka-term-ss06.png
index 58f95647e..2e19fca3a 100644
Binary files a/images/iosevka-term-ss06.png and b/images/iosevka-term-ss06.png differ
diff --git a/images/iosevka-term-ss07.png b/images/iosevka-term-ss07.png
index 2b5eaf6a7..f7fb6b921 100644
Binary files a/images/iosevka-term-ss07.png and b/images/iosevka-term-ss07.png differ
diff --git a/images/iosevka-term-ss08.png b/images/iosevka-term-ss08.png
index f649d6605..5396aa7f5 100644
Binary files a/images/iosevka-term-ss08.png and b/images/iosevka-term-ss08.png differ
diff --git a/images/iosevka-term-ss09.png b/images/iosevka-term-ss09.png
index 5550fd930..d3279e76e 100644
Binary files a/images/iosevka-term-ss09.png and b/images/iosevka-term-ss09.png differ
diff --git a/images/iosevka-term-ss10.png b/images/iosevka-term-ss10.png
index 547d4b8f8..4831b57ff 100644
Binary files a/images/iosevka-term-ss10.png and b/images/iosevka-term-ss10.png differ
diff --git a/images/iosevka-term-ss11.png b/images/iosevka-term-ss11.png
index 02f825811..2ac97529b 100644
Binary files a/images/iosevka-term-ss11.png and b/images/iosevka-term-ss11.png differ
diff --git a/images/iosevka-term-ss12.png b/images/iosevka-term-ss12.png
index d30ff7cbd..544a48d96 100644
Binary files a/images/iosevka-term-ss12.png and b/images/iosevka-term-ss12.png differ
diff --git a/images/iosevka-term-ss13.png b/images/iosevka-term-ss13.png
index 46499640e..efd664f1d 100644
Binary files a/images/iosevka-term-ss13.png and b/images/iosevka-term-ss13.png differ
diff --git a/images/iosevka-term-ss14.png b/images/iosevka-term-ss14.png
index ea46585bd..a4c025ae4 100644
Binary files a/images/iosevka-term-ss14.png and b/images/iosevka-term-ss14.png differ
diff --git a/images/iosevka-term.png b/images/iosevka-term.png
index b267d6453..abf6b6b60 100644
Binary files a/images/iosevka-term.png and b/images/iosevka-term.png differ
diff --git a/images/iosevka.png b/images/iosevka.png
index 988cd1ba2..993059b0c 100644
Binary files a/images/iosevka.png and b/images/iosevka.png differ
diff --git a/images/languages.png b/images/languages.png
index 835a1183a..36c365980 100644
Binary files a/images/languages.png and b/images/languages.png differ
diff --git a/images/ligations.png b/images/ligations.png
index ff103d32b..20958f928 100644
Binary files a/images/ligations.png and b/images/ligations.png differ
diff --git a/images/matrix.png b/images/matrix.png
index e686c38cb..756e4fa22 100644
Binary files a/images/matrix.png and b/images/matrix.png differ
diff --git a/images/preview-all.png b/images/preview-all.png
index 4028f98fa..96d4633e9 100644
Binary files a/images/preview-all.png and b/images/preview-all.png differ
diff --git a/images/stylesets.png b/images/stylesets.png
index 6297ac621..7ad52c3fa 100644
Binary files a/images/stylesets.png and b/images/stylesets.png differ
diff --git a/images/weights.png b/images/weights.png
index 5afa5f2a0..02c8afade 100644
Binary files a/images/weights.png and b/images/weights.png differ
diff --git a/meta/aesthetics.ptl b/meta/aesthetics.ptl
index 9fd9e55bc..fdfcbaf5d 100644
--- a/meta/aesthetics.ptl
+++ b/meta/aesthetics.ptl
@@ -261,6 +261,10 @@ export : define [MarksetDiv p me] : begin
 		if      : buildStandardMarkSet markAboveCap markBelowLower markToprightCap markBottomrightLower
 
 export : define designParameters : object
+	# V shape
+	straightVShapeSbShrink      0.8
+	straightSmallYShapeSbShrink 0.7
+	#
 	equal_wideness      0.075
 	logic_narrow_shrink 0.75
 	GeometricLargeX     : lambda [mw uw] : (mw + uw / 2) / mw
diff --git a/snapshot/index.html b/snapshot/index.html
index ea140fce1..1fae12351 100644
--- a/snapshot/index.html
+++ b/snapshot/index.html
@@ -69,569 +69,676 @@
 </pre></section></section><section id="charvars" class="opentype char-vars">
 	<div class="hr">Character Variants</div>
 	<ol class="narrow">
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv01</span>
-							<span class="sample" style="font-feature-settings:'cv01'">a</span>
-							<span class="sample italic" style="font-feature-settings:'cv01'">a</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">a</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv01</div>
+							<div class="sample" style="font-feature-settings:'cv01'">a</div>
 				</li>
-				<li>
-					<span class="tag">cv02</span>
-							<span class="sample" style="font-feature-settings:'cv02'">a</span>
-							<span class="sample italic" style="font-feature-settings:'cv02'">a</span>
+				<li class="desc-group char">
+					<div class="label tag">cv02</div>
+							<div class="sample" style="font-feature-settings:'cv02'">a</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv52</span>
-							<span class="sample" style="font-feature-settings:'cv52'">f</span>
-							<span class="sample italic" style="font-feature-settings:'cv52'">f</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">f</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv52</div>
+							<div class="sample" style="font-feature-settings:'cv52'">f</div>
 				</li>
-				<li>
-					<span class="tag">cv53</span>
-							<span class="sample" style="font-feature-settings:'cv53'">f</span>
-							<span class="sample italic" style="font-feature-settings:'cv53'">f</span>
+				<li class="desc-group char">
+					<div class="label tag">cv53</div>
+							<div class="sample" style="font-feature-settings:'cv53'">f</div>
 				</li>
-				<li>
-					<span class="tag">cv84</span>
-							<span class="sample" style="font-feature-settings:'cv84'">f</span>
-							<span class="sample italic" style="font-feature-settings:'cv84'">f</span>
+				<li class="desc-group char">
+					<div class="label tag">cv84</div>
+							<div class="sample" style="font-feature-settings:'cv84'">f</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv11</span>
-							<span class="sample" style="font-feature-settings:'cv11'">g</span>
-							<span class="sample italic" style="font-feature-settings:'cv11'">g</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">g</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv11</div>
+							<div class="sample" style="font-feature-settings:'cv11'">g</div>
 				</li>
-				<li>
-					<span class="tag">cv12</span>
-							<span class="sample" style="font-feature-settings:'cv12'">g</span>
-							<span class="sample italic" style="font-feature-settings:'cv12'">g</span>
+				<li class="desc-group char">
+					<div class="label tag">cv12</div>
+							<div class="sample" style="font-feature-settings:'cv12'">g</div>
 				</li>
-				<li>
-					<span class="tag">cv24</span>
-							<span class="sample" style="font-feature-settings:'cv24'">g</span>
-							<span class="sample italic" style="font-feature-settings:'cv24'">g</span>
+				<li class="desc-group char">
+					<div class="label tag">cv24</div>
+							<div class="sample" style="font-feature-settings:'cv24'">g</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv03</span>
-							<span class="sample" style="font-feature-settings:'cv03'">i</span>
-							<span class="sample italic" style="font-feature-settings:'cv03'">i</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">i</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv03</div>
+							<div class="sample" style="font-feature-settings:'cv03'">i</div>
 				</li>
-				<li>
-					<span class="tag">cv04</span>
-							<span class="sample" style="font-feature-settings:'cv04'">i</span>
-							<span class="sample italic" style="font-feature-settings:'cv04'">i</span>
+				<li class="desc-group char">
+					<div class="label tag">cv04</div>
+							<div class="sample" style="font-feature-settings:'cv04'">i</div>
 				</li>
-				<li>
-					<span class="tag">cv05</span>
-							<span class="sample" style="font-feature-settings:'cv05'">i</span>
-							<span class="sample italic" style="font-feature-settings:'cv05'">i</span>
+				<li class="desc-group char">
+					<div class="label tag">cv05</div>
+							<div class="sample" style="font-feature-settings:'cv05'">i</div>
 				</li>
-				<li>
-					<span class="tag">cv06</span>
-							<span class="sample" style="font-feature-settings:'cv06'">i</span>
-							<span class="sample italic" style="font-feature-settings:'cv06'">i</span>
+				<li class="desc-group char">
+					<div class="label tag">cv06</div>
+							<div class="sample" style="font-feature-settings:'cv06'">i</div>
 				</li>
-				<li>
-					<span class="tag">cv56</span>
-							<span class="sample" style="font-feature-settings:'cv56'">i</span>
-							<span class="sample italic" style="font-feature-settings:'cv56'">i</span>
+				<li class="desc-group char">
+					<div class="label tag">cv56</div>
+							<div class="sample" style="font-feature-settings:'cv56'">i</div>
 				</li>
-				<li>
-					<span class="tag">cv88</span>
-							<span class="sample" style="font-feature-settings:'cv88'">i</span>
-							<span class="sample italic" style="font-feature-settings:'cv88'">i</span>
+				<li class="desc-group char">
+					<div class="label tag">cv88</div>
+							<div class="sample" style="font-feature-settings:'cv88'">i</div>
+				</li>
+				<li class="desc-group char">
+					<div class="label tag">CVAA</div>
+							<div class="sample" style="font-feature-settings:'CVAA'">i</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv57</span>
-							<span class="sample" style="font-feature-settings:'cv57'">j</span>
-							<span class="sample italic" style="font-feature-settings:'cv57'">j</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">j</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv57</div>
+							<div class="sample" style="font-feature-settings:'cv57'">j</div>
 				</li>
-				<li>
-					<span class="tag">cv58</span>
-							<span class="sample" style="font-feature-settings:'cv58'">j</span>
-							<span class="sample italic" style="font-feature-settings:'cv58'">j</span>
+				<li class="desc-group char">
+					<div class="label tag">cv58</div>
+							<div class="sample" style="font-feature-settings:'cv58'">j</div>
 				</li>
-				<li>
-					<span class="tag">cv98</span>
-							<span class="sample" style="font-feature-settings:'cv98'">j</span>
-							<span class="sample italic" style="font-feature-settings:'cv98'">j</span>
+				<li class="desc-group char">
+					<div class="label tag">cv98</div>
+							<div class="sample" style="font-feature-settings:'cv98'">j</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv07</span>
-							<span class="sample" style="font-feature-settings:'cv07'">l</span>
-							<span class="sample italic" style="font-feature-settings:'cv07'">l</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">k</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv68</div>
+							<div class="sample" style="font-feature-settings:'cv68'">k</div>
 				</li>
-				<li>
-					<span class="tag">cv08</span>
-							<span class="sample" style="font-feature-settings:'cv08'">l</span>
-							<span class="sample italic" style="font-feature-settings:'cv08'">l</span>
+				<li class="desc-group char">
+					<div class="label tag">cv69</div>
+							<div class="sample" style="font-feature-settings:'cv69'">k</div>
 				</li>
-				<li>
-					<span class="tag">cv09</span>
-							<span class="sample" style="font-feature-settings:'cv09'">l</span>
-							<span class="sample italic" style="font-feature-settings:'cv09'">l</span>
-				</li>
-				<li>
-					<span class="tag">cv10</span>
-							<span class="sample" style="font-feature-settings:'cv10'">l</span>
-							<span class="sample italic" style="font-feature-settings:'cv10'">l</span>
-				</li>
-				<li>
-					<span class="tag">cv27</span>
-							<span class="sample" style="font-feature-settings:'cv27'">l</span>
-							<span class="sample italic" style="font-feature-settings:'cv27'">l</span>
-				</li>
-				<li>
-					<span class="tag">cv28</span>
-							<span class="sample" style="font-feature-settings:'cv28'">l</span>
-							<span class="sample italic" style="font-feature-settings:'cv28'">l</span>
-				</li>
-				<li>
-					<span class="tag">cv59</span>
-							<span class="sample" style="font-feature-settings:'cv59'">l</span>
-							<span class="sample italic" style="font-feature-settings:'cv59'">l</span>
+				<li class="desc-group char">
+					<div class="label tag">cv70</div>
+							<div class="sample italic" style="font-feature-settings:'cv70'">k</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv68</span>
-							<span class="sample" style="font-feature-settings:'cv68'">k</span>
-							<span class="sample italic" style="font-feature-settings:'cv68'">k</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">l</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv07</div>
+							<div class="sample" style="font-feature-settings:'cv07'">l</div>
 				</li>
-				<li>
-					<span class="tag">cv69</span>
-							<span class="sample" style="font-feature-settings:'cv69'">k</span>
-							<span class="sample italic" style="font-feature-settings:'cv69'">k</span>
+				<li class="desc-group char">
+					<div class="label tag">cv08</div>
+							<div class="sample" style="font-feature-settings:'cv08'">l</div>
 				</li>
-				<li>
-					<span class="tag">cv70</span>
-							<span class="sample italic" style="font-feature-settings:'cv70'">k</span>
+				<li class="desc-group char">
+					<div class="label tag">cv09</div>
+							<div class="sample" style="font-feature-settings:'cv09'">l</div>
+				</li>
+				<li class="desc-group char">
+					<div class="label tag">cv10</div>
+							<div class="sample" style="font-feature-settings:'cv10'">l</div>
+				</li>
+				<li class="desc-group char">
+					<div class="label tag">cv27</div>
+							<div class="sample" style="font-feature-settings:'cv27'">l</div>
+				</li>
+				<li class="desc-group char">
+					<div class="label tag">cv28</div>
+							<div class="sample" style="font-feature-settings:'cv28'">l</div>
+				</li>
+				<li class="desc-group char">
+					<div class="label tag">cv59</div>
+							<div class="sample" style="font-feature-settings:'cv59'">l</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv25</span>
-							<span class="sample" style="font-feature-settings:'cv25'">m</span>
-							<span class="sample italic" style="font-feature-settings:'cv25'">m</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">m</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv25</div>
+							<div class="sample" style="font-feature-settings:'cv25'">m</div>
 				</li>
-				<li>
-					<span class="tag">cv26</span>
-							<span class="sample" style="font-feature-settings:'cv26'">m</span>
-							<span class="sample italic" style="font-feature-settings:'cv26'">m</span>
+				<li class="desc-group char">
+					<div class="label tag">cv26</div>
+							<div class="sample" style="font-feature-settings:'cv26'">m</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv85</span>
-							<span class="sample" style="font-feature-settings:'cv85'">r</span>
-							<span class="sample italic" style="font-feature-settings:'cv85'">r</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">r</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv85</div>
+							<div class="sample" style="font-feature-settings:'cv85'">r</div>
 				</li>
-				<li>
-					<span class="tag">cv86</span>
-							<span class="sample" style="font-feature-settings:'cv86'">r</span>
-							<span class="sample italic" style="font-feature-settings:'cv86'">r</span>
+				<li class="desc-group char">
+					<div class="label tag">cv86</div>
+							<div class="sample" style="font-feature-settings:'cv86'">r</div>
 				</li>
-				<li>
-					<span class="tag">cv87</span>
-							<span class="sample" style="font-feature-settings:'cv87'">r</span>
-							<span class="sample italic" style="font-feature-settings:'cv87'">r</span>
+				<li class="desc-group char">
+					<div class="label tag">cv87</div>
+							<div class="sample" style="font-feature-settings:'cv87'">r</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv40</span>
-							<span class="sample" style="font-feature-settings:'cv40'">t</span>
-							<span class="sample italic" style="font-feature-settings:'cv40'">t</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">t</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv40</div>
+							<div class="sample" style="font-feature-settings:'cv40'">t</div>
 				</li>
-				<li>
-					<span class="tag">cv41</span>
-							<span class="sample" style="font-feature-settings:'cv41'">t</span>
-							<span class="sample italic" style="font-feature-settings:'cv41'">t</span>
+				<li class="desc-group char">
+					<div class="label tag">cv41</div>
+							<div class="sample" style="font-feature-settings:'cv41'">t</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv89</span>
-							<span class="sample" style="font-feature-settings:'cv89'">u</span>
-							<span class="sample italic" style="font-feature-settings:'cv89'">u</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">u</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv89</div>
+							<div class="sample" style="font-feature-settings:'cv89'">u</div>
 				</li>
-				<li>
-					<span class="tag">cv90</span>
-							<span class="sample" style="font-feature-settings:'cv90'">u</span>
-							<span class="sample italic" style="font-feature-settings:'cv90'">u</span>
+				<li class="desc-group char">
+					<div class="label tag">cv90</div>
+							<div class="sample" style="font-feature-settings:'cv90'">u</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv71</span>
-							<span class="sample" style="font-feature-settings:'cv71'">v</span>
-							<span class="sample italic" style="font-feature-settings:'cv71'">v</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">v</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv71</div>
+							<div class="sample" style="font-feature-settings:'cv71'">v</div>
 				</li>
-				<li>
-					<span class="tag">cv72</span>
-							<span class="sample" style="font-feature-settings:'cv72'">v</span>
-							<span class="sample italic" style="font-feature-settings:'cv72'">v</span>
+				<li class="desc-group char">
+					<div class="label tag">cv72</div>
+							<div class="sample" style="font-feature-settings:'cv72'">v</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv75</span>
-							<span class="sample" style="font-feature-settings:'cv75'">w</span>
-							<span class="sample italic" style="font-feature-settings:'cv75'">w</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">w</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv75</div>
+							<div class="sample" style="font-feature-settings:'cv75'">w</div>
 				</li>
-				<li>
-					<span class="tag">cv76</span>
-							<span class="sample" style="font-feature-settings:'cv76'">w</span>
-							<span class="sample italic" style="font-feature-settings:'cv76'">w</span>
+				<li class="desc-group char">
+					<div class="label tag">cv76</div>
+							<div class="sample" style="font-feature-settings:'cv76'">w</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv77</span>
-							<span class="sample" style="font-feature-settings:'cv77'">x</span>
-							<span class="sample italic" style="font-feature-settings:'cv77'">x</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">x</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv77</div>
+							<div class="sample" style="font-feature-settings:'cv77'">x</div>
 				</li>
-				<li>
-					<span class="tag">cv78</span>
-							<span class="sample" style="font-feature-settings:'cv78'">x</span>
-							<span class="sample italic" style="font-feature-settings:'cv78'">x</span>
+				<li class="desc-group char">
+					<div class="label tag">cv78</div>
+							<div class="sample" style="font-feature-settings:'cv78'">x</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv48</span>
-							<span class="sample" style="font-feature-settings:'cv48'">y</span>
-							<span class="sample italic" style="font-feature-settings:'cv48'">y</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">y</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv48</div>
+							<div class="sample" style="font-feature-settings:'cv48'">y</div>
 				</li>
-				<li>
-					<span class="tag">cv49</span>
-							<span class="sample" style="font-feature-settings:'cv49'">y</span>
-							<span class="sample italic" style="font-feature-settings:'cv49'">y</span>
+				<li class="desc-group char">
+					<div class="label tag">cv49</div>
+							<div class="sample" style="font-feature-settings:'cv49'">y</div>
 				</li>
-				<li>
-					<span class="tag">cv79</span>
-							<span class="sample" style="font-feature-settings:'cv79'">y</span>
-							<span class="sample italic" style="font-feature-settings:'cv79'">y</span>
+				<li class="desc-group char">
+					<div class="label tag">cv79</div>
+							<div class="sample" style="font-feature-settings:'cv79'">y</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv73</span>
-							<span class="sample" style="font-feature-settings:'cv73'">A</span>
-							<span class="sample italic" style="font-feature-settings:'cv73'">A</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">A</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv73</div>
+							<div class="sample" style="font-feature-settings:'cv73'">A</div>
 				</li>
-				<li>
-					<span class="tag">cv74</span>
-							<span class="sample" style="font-feature-settings:'cv74'">A</span>
-							<span class="sample italic" style="font-feature-settings:'cv74'">A</span>
+				<li class="desc-group char">
+					<div class="label tag">cv74</div>
+							<div class="sample" style="font-feature-settings:'cv74'">A</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv91</span>
-							<span class="sample" style="font-feature-settings:'cv91'">G</span>
-							<span class="sample italic" style="font-feature-settings:'cv91'">G</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">G</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv91</div>
+							<div class="sample" style="font-feature-settings:'cv91'">G</div>
 				</li>
-				<li>
-					<span class="tag">cv92</span>
-							<span class="sample" style="font-feature-settings:'cv92'">G</span>
-							<span class="sample italic" style="font-feature-settings:'cv92'">G</span>
+				<li class="desc-group char">
+					<div class="label tag">cv92</div>
+							<div class="sample" style="font-feature-settings:'cv92'">G</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv42</span>
-							<span class="sample" style="font-feature-settings:'cv42'">Q</span>
-							<span class="sample italic" style="font-feature-settings:'cv42'">Q</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">Q</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv42</div>
+							<div class="sample" style="font-feature-settings:'cv42'">Q</div>
 				</li>
-				<li>
-					<span class="tag">cv43</span>
-							<span class="sample" style="font-feature-settings:'cv43'">Q</span>
-							<span class="sample italic" style="font-feature-settings:'cv43'">Q</span>
+				<li class="desc-group char">
+					<div class="label tag">cv43</div>
+							<div class="sample" style="font-feature-settings:'cv43'">Q</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv82</span>
-							<span class="sample" style="font-feature-settings:'cv82'">R</span>
-							<span class="sample italic" style="font-feature-settings:'cv82'">R</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">R</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv82</div>
+							<div class="sample" style="font-feature-settings:'cv82'">R</div>
 				</li>
-				<li>
-					<span class="tag">cv83</span>
-							<span class="sample" style="font-feature-settings:'cv83'">R</span>
-							<span class="sample italic" style="font-feature-settings:'cv83'">R</span>
+				<li class="desc-group char">
+					<div class="label tag">cv83</div>
+							<div class="sample" style="font-feature-settings:'cv83'">R</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv80</span>
-							<span class="sample" style="font-feature-settings:'cv80'">Y</span>
-							<span class="sample italic" style="font-feature-settings:'cv80'">Y</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">Y</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv80</div>
+							<div class="sample" style="font-feature-settings:'cv80'">Y</div>
 				</li>
-				<li>
-					<span class="tag">cv81</span>
-							<span class="sample" style="font-feature-settings:'cv81'">Y</span>
-							<span class="sample italic" style="font-feature-settings:'cv81'">Y</span>
+				<li class="desc-group char">
+					<div class="label tag">cv81</div>
+							<div class="sample" style="font-feature-settings:'cv81'">Y</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv13</span>
-							<span class="sample" style="font-feature-settings:'cv13'">0</span>
-							<span class="sample italic" style="font-feature-settings:'cv13'">0</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">0</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv13</div>
+							<div class="sample" style="font-feature-settings:'cv13'">0</div>
 				</li>
-				<li>
-					<span class="tag">cv14</span>
-							<span class="sample" style="font-feature-settings:'cv14'">0</span>
-							<span class="sample italic" style="font-feature-settings:'cv14'">0</span>
+				<li class="desc-group char">
+					<div class="label tag">cv14</div>
+							<div class="sample" style="font-feature-settings:'cv14'">0</div>
 				</li>
-				<li>
-					<span class="tag">cv15</span>
-							<span class="sample" style="font-feature-settings:'cv15'">0</span>
-							<span class="sample italic" style="font-feature-settings:'cv15'">0</span>
+				<li class="desc-group char">
+					<div class="label tag">cv15</div>
+							<div class="sample" style="font-feature-settings:'cv15'">0</div>
 				</li>
-				<li>
-					<span class="tag">cv93</span>
-							<span class="sample" style="font-feature-settings:'cv93'">0</span>
-							<span class="sample italic" style="font-feature-settings:'cv93'">0</span>
+				<li class="desc-group char">
+					<div class="label tag">cv93</div>
+							<div class="sample" style="font-feature-settings:'cv93'">0</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv50</span>
-							<span class="sample" style="font-feature-settings:'cv50'">1</span>
-							<span class="sample italic" style="font-feature-settings:'cv50'">1</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">1</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv50</div>
+							<div class="sample" style="font-feature-settings:'cv50'">1</div>
 				</li>
-				<li>
-					<span class="tag">cv51</span>
-							<span class="sample" style="font-feature-settings:'cv51'">1</span>
-							<span class="sample italic" style="font-feature-settings:'cv51'">1</span>
+				<li class="desc-group char">
+					<div class="label tag">cv51</div>
+							<div class="sample" style="font-feature-settings:'cv51'">1</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv46</span>
-							<span class="sample" style="font-feature-settings:'cv46'">3</span>
-							<span class="sample italic" style="font-feature-settings:'cv46'">3</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">3</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv46</div>
+							<div class="sample" style="font-feature-settings:'cv46'">3</div>
 				</li>
-				<li>
-					<span class="tag">cv47</span>
-							<span class="sample" style="font-feature-settings:'cv47'">3</span>
-							<span class="sample italic" style="font-feature-settings:'cv47'">3</span>
+				<li class="desc-group char">
+					<div class="label tag">cv47</div>
+							<div class="sample" style="font-feature-settings:'cv47'">3</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv64</span>
-							<span class="sample" style="font-feature-settings:'cv64'">7</span>
-							<span class="sample italic" style="font-feature-settings:'cv64'">7</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">7</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv64</div>
+							<div class="sample" style="font-feature-settings:'cv64'">7</div>
 				</li>
-				<li>
-					<span class="tag">cv65</span>
-							<span class="sample" style="font-feature-settings:'cv65'">7</span>
-							<span class="sample italic" style="font-feature-settings:'cv65'">7</span>
+				<li class="desc-group char">
+					<div class="label tag">cv65</div>
+							<div class="sample" style="font-feature-settings:'cv65'">7</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv96</span>
-							<span class="sample" style="font-feature-settings:'cv96'">9</span>
-							<span class="sample italic" style="font-feature-settings:'cv96'">9</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">9</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv96</div>
+							<div class="sample" style="font-feature-settings:'cv96'">9</div>
 				</li>
-				<li>
-					<span class="tag">cv97</span>
-							<span class="sample" style="font-feature-settings:'cv97'">9</span>
-							<span class="sample italic" style="font-feature-settings:'cv97'">9</span>
+				<li class="desc-group char">
+					<div class="label tag">cv97</div>
+							<div class="sample" style="font-feature-settings:'cv97'">9</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv34</span>
-							<span class="sample" style="font-feature-settings:'cv34'">ß</span>
-							<span class="sample italic" style="font-feature-settings:'cv34'">ß</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">ß</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv34</div>
+							<div class="sample" style="font-feature-settings:'cv34'">ß</div>
 				</li>
-				<li>
-					<span class="tag">cv35</span>
-							<span class="sample" style="font-feature-settings:'cv35'">ß</span>
-							<span class="sample italic" style="font-feature-settings:'cv35'">ß</span>
+				<li class="desc-group char">
+					<div class="label tag">cv35</div>
+							<div class="sample" style="font-feature-settings:'cv35'">ß</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv94</span>
-							<span class="sample" style="font-feature-settings:'cv94'">λ</span>
-							<span class="sample italic" style="font-feature-settings:'cv94'">λ</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">λ</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv94</div>
+							<div class="sample" style="font-feature-settings:'cv94'">λ</div>
 				</li>
-				<li>
-					<span class="tag">cv95</span>
-							<span class="sample" style="font-feature-settings:'cv95'">λ</span>
-							<span class="sample italic" style="font-feature-settings:'cv95'">λ</span>
+				<li class="desc-group char">
+					<div class="label tag">cv95</div>
+							<div class="sample" style="font-feature-settings:'cv95'">λ</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv16</span>
-							<span class="sample" style="font-feature-settings:'cv16'">~</span>
-							<span class="sample italic" style="font-feature-settings:'cv16'">~</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">~</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv16</div>
+							<div class="sample" style="font-feature-settings:'cv16'">~</div>
 				</li>
-				<li>
-					<span class="tag">cv17</span>
-							<span class="sample" style="font-feature-settings:'cv17'">~</span>
-							<span class="sample italic" style="font-feature-settings:'cv17'">~</span>
+				<li class="desc-group char">
+					<div class="label tag">cv17</div>
+							<div class="sample" style="font-feature-settings:'cv17'">~</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv18</span>
-							<span class="sample" style="font-feature-settings:'cv18'">*</span>
-							<span class="sample italic" style="font-feature-settings:'cv18'">*</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">*</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv18</div>
+							<div class="sample" style="font-feature-settings:'cv18'">*</div>
 				</li>
-				<li>
-					<span class="tag">cv19</span>
-							<span class="sample" style="font-feature-settings:'cv19'">*</span>
-							<span class="sample italic" style="font-feature-settings:'cv19'">*</span>
+				<li class="desc-group char">
+					<div class="label tag">cv19</div>
+							<div class="sample" style="font-feature-settings:'cv19'">*</div>
 				</li>
-				<li>
-					<span class="tag">cv60</span>
-							<span class="sample" style="font-feature-settings:'cv60'">*</span>
-							<span class="sample italic" style="font-feature-settings:'cv60'">*</span>
+				<li class="desc-group char">
+					<div class="label tag">cv60</div>
+							<div class="sample" style="font-feature-settings:'cv60'">*</div>
 				</li>
-				<li>
-					<span class="tag">cv61</span>
-							<span class="sample" style="font-feature-settings:'cv61'">*</span>
-							<span class="sample italic" style="font-feature-settings:'cv61'">*</span>
+				<li class="desc-group char">
+					<div class="label tag">cv61</div>
+							<div class="sample" style="font-feature-settings:'cv61'">*</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv20</span>
-							<span class="sample" style="font-feature-settings:'cv20'">_</span>
-							<span class="sample italic" style="font-feature-settings:'cv20'">_</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">_</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv20</div>
+							<div class="sample" style="font-feature-settings:'cv20'">_</div>
 				</li>
-				<li>
-					<span class="tag">cv21</span>
-							<span class="sample" style="font-feature-settings:'cv21'">_</span>
-							<span class="sample italic" style="font-feature-settings:'cv21'">_</span>
+				<li class="desc-group char">
+					<div class="label tag">cv21</div>
+							<div class="sample" style="font-feature-settings:'cv21'">_</div>
+				</li>
+				<li class="desc-group char">
+					<div class="label tag">cv99</div>
+							<div class="sample" style="font-feature-settings:'cv99'">_</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv22</span>
-							<span class="sample" style="font-feature-settings:'cv22'">¶</span>
-							<span class="sample italic" style="font-feature-settings:'cv22'">¶</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">¶</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv22</div>
+							<div class="sample" style="font-feature-settings:'cv22'">¶</div>
 				</li>
-				<li>
-					<span class="tag">cv23</span>
-							<span class="sample" style="font-feature-settings:'cv23'">¶</span>
-							<span class="sample italic" style="font-feature-settings:'cv23'">¶</span>
+				<li class="desc-group char">
+					<div class="label tag">cv23</div>
+							<div class="sample" style="font-feature-settings:'cv23'">¶</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv29</span>
-							<span class="sample" style="font-feature-settings:'cv29'">^</span>
-							<span class="sample italic" style="font-feature-settings:'cv29'">^</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">^</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv29</div>
+							<div class="sample" style="font-feature-settings:'cv29'">^</div>
 				</li>
-				<li>
-					<span class="tag">cv30</span>
-							<span class="sample" style="font-feature-settings:'cv30'">^</span>
-							<span class="sample italic" style="font-feature-settings:'cv30'">^</span>
+				<li class="desc-group char">
+					<div class="label tag">cv30</div>
+							<div class="sample" style="font-feature-settings:'cv30'">^</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv36</span>
-							<span class="sample" style="font-feature-settings:'cv36'">{</span>
-							<span class="sample" style="font-feature-settings:'cv36'">}</span>
+			<li>
+				<div class="desc-group ligature">
+							<div class="sample">{</div>
+							<div class="sample">}</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group ligature">
+					<div class="label tag">cv36</div>
+							<div class="sample" style="font-feature-settings:'cv36'">{</div>
+							<div class="sample" style="font-feature-settings:'cv36'">}</div>
 				</li>
-				<li>
-					<span class="tag">cv37</span>
-							<span class="sample" style="font-feature-settings:'cv37'">{</span>
-							<span class="sample" style="font-feature-settings:'cv37'">}</span>
+				<li class="desc-group ligature">
+					<div class="label tag">cv37</div>
+							<div class="sample" style="font-feature-settings:'cv37'">{</div>
+							<div class="sample" style="font-feature-settings:'cv37'">}</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv44</span>
-							<span class="sample" style="font-feature-settings:'cv44'">#</span>
-							<span class="sample italic" style="font-feature-settings:'cv44'">#</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">#</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv44</div>
+							<div class="sample" style="font-feature-settings:'cv44'">#</div>
 				</li>
-				<li>
-					<span class="tag">cv45</span>
-							<span class="sample" style="font-feature-settings:'cv45'">#</span>
-							<span class="sample italic" style="font-feature-settings:'cv45'">#</span>
+				<li class="desc-group char">
+					<div class="label tag">cv45</div>
+							<div class="sample" style="font-feature-settings:'cv45'">#</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv31</span>
-							<span class="sample" style="font-feature-settings:'cv31'">@</span>
-							<span class="sample italic" style="font-feature-settings:'cv31'">@</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">@</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv31</div>
+							<div class="sample" style="font-feature-settings:'cv31'">@</div>
 				</li>
-				<li>
-					<span class="tag">cv32</span>
-							<span class="sample" style="font-feature-settings:'cv32'">@</span>
-							<span class="sample italic" style="font-feature-settings:'cv32'">@</span>
+				<li class="desc-group char">
+					<div class="label tag">cv32</div>
+							<div class="sample" style="font-feature-settings:'cv32'">@</div>
 				</li>
-				<li>
-					<span class="tag">cv33</span>
-							<span class="sample" style="font-feature-settings:'cv33'">@</span>
-							<span class="sample italic" style="font-feature-settings:'cv33'">@</span>
+				<li class="desc-group char">
+					<div class="label tag">cv33</div>
+							<div class="sample" style="font-feature-settings:'cv33'">@</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv38</span>
-							<span class="sample" style="font-feature-settings:'cv38'">$</span>
-							<span class="sample italic" style="font-feature-settings:'cv38'">$</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">$</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv38</div>
+							<div class="sample" style="font-feature-settings:'cv38'">$</div>
 				</li>
-				<li>
-					<span class="tag">cv39</span>
-							<span class="sample" style="font-feature-settings:'cv39'">$</span>
-							<span class="sample italic" style="font-feature-settings:'cv39'">$</span>
+				<li class="desc-group char">
+					<div class="label tag">cv39</div>
+							<div class="sample" style="font-feature-settings:'cv39'">$</div>
 				</li>
-				<li>
-					<span class="tag">cv54</span>
-							<span class="sample" style="font-feature-settings:'cv54'">$</span>
-							<span class="sample italic" style="font-feature-settings:'cv54'">$</span>
+				<li class="desc-group char">
+					<div class="label tag">cv54</div>
+							<div class="sample" style="font-feature-settings:'cv54'">$</div>
 				</li>
-				<li>
-					<span class="tag">cv55</span>
-							<span class="sample" style="font-feature-settings:'cv55'">$</span>
-							<span class="sample italic" style="font-feature-settings:'cv55'">$</span>
+				<li class="desc-group char">
+					<div class="label tag">cv55</div>
+							<div class="sample" style="font-feature-settings:'cv55'">$</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv62</span>
-							<span class="sample" style="font-feature-settings:'cv62'">%</span>
-							<span class="sample italic" style="font-feature-settings:'cv62'">%</span>
+			<li>
+				<div class="desc-group char">
+						<div class="sample">%</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group char">
+					<div class="label tag">cv62</div>
+							<div class="sample" style="font-feature-settings:'cv62'">%</div>
 				</li>
-				<li>
-					<span class="tag">cv63</span>
-							<span class="sample" style="font-feature-settings:'cv63'">%</span>
-							<span class="sample italic" style="font-feature-settings:'cv63'">%</span>
+				<li class="desc-group char">
+					<div class="label tag">cv63</div>
+							<div class="sample" style="font-feature-settings:'cv63'">%</div>
 				</li>
 			</ol></li>
-			<li><ol class="group">
-				<li>
-					<span class="tag">cv66</span>
-							<span class="sample" style="font-feature-settings:'cv66'">&lt;=</span>
-							<span class="sample" style="font-feature-settings:'cv66'">&gt;=</span>
+			<li>
+				<div class="desc-group ligature">
+							<div class="sample">&lt;=</div>
+							<div class="sample">&gt;=</div>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+				<li class="desc-group ligature">
+					<div class="label tag">cv66</div>
+							<div class="sample" style="font-feature-settings:'cv66'">&lt;=</div>
+							<div class="sample" style="font-feature-settings:'cv66'">&gt;=</div>
 				</li>
-				<li>
-					<span class="tag">cv67</span>
-							<span class="sample" style="font-feature-settings:'cv67'">&lt;=</span>
-							<span class="sample" style="font-feature-settings:'cv67'">&gt;=</span>
+				<li class="desc-group ligature">
+					<div class="label tag">cv67</div>
+							<div class="sample" style="font-feature-settings:'cv67'">&lt;=</div>
+							<div class="sample" style="font-feature-settings:'cv67'">&gt;=</div>
 				</li>
 			</ol></li>
 	</ol>
@@ -646,38 +753,38 @@
 			</li>
 			<li>
 				<span class="tag">ss01</span><span class="description">Andale Mono Style</span>
-				<span class="sample" style="font-feature-settings:'ss01'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>s.<b>l</b><b>a</b>zy) } <b>0</b>123456789 ABCKRWXYZ</span>
-				<span class="sample italic" style="font-feature-settings:'ss01'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>s.<b>l</b><b>a</b>zy) } <b>0</b>123456789 ABCKRWXYZ</span>
+				<span class="sample" style="font-feature-settings:'ss01'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>s.<b>l</b><b>a</b>zy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
+				<span class="sample italic" style="font-feature-settings:'ss01'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>s.<b>l</b><b>a</b>zy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
 			</li>
 			<li>
 				<span class="tag">ss02</span><span class="description">Anonymous Pro Style</span>
-				<span class="sample" style="font-feature-settings:'ss02'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } 0123456789 ABCKRWXYZ</span>
-				<span class="sample italic" style="font-feature-settings:'ss02'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } 0123456789 ABCKRWXYZ</span>
+				<span class="sample" style="font-feature-settings:'ss02'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456<b>7</b>89 ABCKRWXYZ</span>
+				<span class="sample italic" style="font-feature-settings:'ss02'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456<b>7</b>89 ABCKRWXYZ</span>
 			</li>
 			<li>
 				<span class="tag">ss03</span><span class="description">Consolas Style</span>
-				<span class="sample" style="font-feature-settings:'ss03'"><b>@</b>real fox.quick(h){ <b>*</b>is<b>_</b>brown && it<b>_</b>jumps<b>_</b>over(do<b>g</b>s.lazy) } 0123456789 ABCKRWXYZ</span>
-				<span class="sample italic" style="font-feature-settings:'ss03'"><b>@</b>real fox.quick(h){ <b>*</b>is<b>_</b>brown && it<b>_</b>jumps<b>_</b>over(do<b>g</b>s.lazy) } 0123456789 ABCKRWXYZ</span>
+				<span class="sample" style="font-feature-settings:'ss03'"><b>@</b>real fox.quick(h){ <b>*</b>is<b>_</b>brown && it<b>_</b>jumps<b>_</b>over(do<b>g</b>s.lazy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
+				<span class="sample italic" style="font-feature-settings:'ss03'"><b>@</b>real fox.quick(h){ <b>*</b>is<b>_</b>brown && it<b>_</b>jumps<b>_</b>over(do<b>g</b>s.lazy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
 			</li>
 			<li>
 				<span class="tag">ss04</span><span class="description">Menlo Style</span>
-				<span class="sample" style="font-feature-settings:'ss04'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(dogs.<b>l</b><b>a</b>zy) } 0123456789 ABCKRWXYZ</span>
-				<span class="sample italic" style="font-feature-settings:'ss04'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(dogs.<b>l</b><b>a</b>zy) } 0123456789 ABCKRWXYZ</span>
+				<span class="sample" style="font-feature-settings:'ss04'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
+				<span class="sample italic" style="font-feature-settings:'ss04'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
 			</li>
 			<li>
 				<span class="tag">ss05</span><span class="description">Fira Mono Style</span>
-				<span class="sample" style="font-feature-settings:'ss05'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>s.<b>l</b><b>a</b>zy) } <b>0</b>123456789 ABCKRWXYZ</span>
-				<span class="sample italic" style="font-feature-settings:'ss05'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>s.<b>l</b><b>a</b>zy) } <b>0</b>123456789 ABCKRWXYZ</span>
+				<span class="sample" style="font-feature-settings:'ss05'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>s.<b>l</b><b>a</b>zy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
+				<span class="sample italic" style="font-feature-settings:'ss05'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(do<b>g</b>s.<b>l</b><b>a</b>zy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
 			</li>
 			<li>
 				<span class="tag">ss06</span><span class="description">Liberation Mono Style</span>
-				<span class="sample" style="font-feature-settings:'ss06'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } <b>0</b>123456789 ABCKRWXYZ</span>
-				<span class="sample italic" style="font-feature-settings:'ss06'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } <b>0</b>123456789 ABCKRWXYZ</span>
+				<span class="sample" style="font-feature-settings:'ss06'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
+				<span class="sample italic" style="font-feature-settings:'ss06'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ *<b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
 			</li>
 			<li>
 				<span class="tag">ss07</span><span class="description">Monaco Style</span>
-				<span class="sample" style="font-feature-settings:'ss07'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } 0123456789 ABCKRWXYZ</span>
-				<span class="sample italic" style="font-feature-settings:'ss07'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } 0123456789 ABCKRWXYZ</span>
+				<span class="sample" style="font-feature-settings:'ss07'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
+				<span class="sample italic" style="font-feature-settings:'ss07'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
 			</li>
 			<li>
 				<span class="tag">ss08</span><span class="description">Pragmata Pro Style</span>
@@ -686,23 +793,23 @@
 			</li>
 			<li>
 				<span class="tag">ss09</span><span class="description">Source Code Pro Style</span>
-				<span class="sample" style="font-feature-settings:'ss09'"><b>@</b>rea<b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(do<b>g</b>s.<b>l</b>azy) } <b>0</b>123456789 ABCKRWXYZ</span>
-				<span class="sample italic" style="font-feature-settings:'ss09'"><b>@</b>rea<b>l</b> fox.quick(h){ <b>*</b>is_brown && it_jumps_over(do<b>g</b>s.<b>l</b>azy) } <b>0</b>123456789 ABCKRWXYZ</span>
+				<span class="sample" style="font-feature-settings:'ss09'"><b>@</b>rea<b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_jumps_over(do<b>g</b>s.<b>l</b>azy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
+				<span class="sample italic" style="font-feature-settings:'ss09'"><b>@</b>rea<b>l</b> fox.quick(h){ <b>*</b>is_brown && it_jumps_over(do<b>g</b>s.<b>l</b>azy) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
 			</li>
 			<li>
 				<span class="tag">ss10</span><span class="description">Envy Code R Style</span>
-				<span class="sample" style="font-feature-settings:'ss10'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(dogs.<b>l</b><b>a</b>zy) } 0123456789 ABCKRWXYZ</span>
-				<span class="sample italic" style="font-feature-settings:'ss10'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(dogs.<b>l</b><b>a</b>zy) } 0123456789 ABCKRWXYZ</span>
+				<span class="sample" style="font-feature-settings:'ss10'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
+				<span class="sample italic" style="font-feature-settings:'ss10'"><b>@</b>re<b>a</b><b>l</b> fox.qu<b>i</b>ck(h){ <b>*</b><b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>jumps<b>_</b>over(dogs.<b>l</b><b>a</b>zy) } 0<b>1</b>23456789 ABCKRWXYZ</span>
 			</li>
 			<li>
 				<span class="tag">ss11</span><span class="description">X Window Style</span>
-				<span class="sample" style="font-feature-settings:'ss11'"><b>@</b>real fox.quick(h){ *is_brown && it_jumps_over(dogs.lazy) } <b>0</b>12<b>3</b>456789 ABCKRWXYZ</span>
-				<span class="sample italic" style="font-feature-settings:'ss11'"><b>@</b>real fox.quick(h){ *is_brown && it_jumps_over(dogs.lazy) } <b>0</b>12<b>3</b>456789 ABCKRWXYZ</span>
+				<span class="sample" style="font-feature-settings:'ss11'"><b>@</b>real fox.quick(h){ *is_brown && it_jumps_over(dogs.lazy) } <b>0</b><b>1</b>2<b>3</b>456789 ABCKRWXYZ</span>
+				<span class="sample italic" style="font-feature-settings:'ss11'"><b>@</b>real fox.quick(h){ *is_brown && it_jumps_over(dogs.lazy) } <b>0</b><b>1</b>2<b>3</b>456789 ABCKRWXYZ</span>
 			</li>
 			<li>
 				<span class="tag">ss12</span><span class="description">Ubuntu Mono Style</span>
-				<span class="sample" style="font-feature-settings:'ss12'"><b>@</b>re<b>a</b><b>l</b> <b>f</b>ox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>ju<b>m</b>ps<b>_</b>over(dogs.<b>l</b><b>a</b>z<b>y</b>) } <b>0</b>123456789 ABCKRWXYZ</span>
-				<span class="sample italic" style="font-feature-settings:'ss12'"><b>@</b>re<b>a</b><b>l</b> <b>f</b>ox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>ju<b>m</b>ps<b>_</b>over(dogs.<b>l</b><b>a</b>z<b>y</b>) } <b>0</b>123456789 ABCKRWXYZ</span>
+				<span class="sample" style="font-feature-settings:'ss12'"><b>@</b>re<b>a</b><b>l</b> <b>f</b>ox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>ju<b>m</b>ps<b>_</b>over(dogs.<b>l</b><b>a</b>z<b>y</b>) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
+				<span class="sample italic" style="font-feature-settings:'ss12'"><b>@</b>re<b>a</b><b>l</b> <b>f</b>ox.qu<b>i</b>ck(h){ *<b>i</b>s<b>_</b>brown && <b>i</b>t<b>_</b>ju<b>m</b>ps<b>_</b>over(dogs.<b>l</b><b>a</b>z<b>y</b>) } <b>0</b><b>1</b>23456789 ABCKRWXYZ</span>
 			</li>
 			<li>
 				<span class="tag">ss13</span><span class="description">Lucida Style</span>
@@ -711,8 +818,8 @@
 			</li>
 			<li>
 				<span class="tag">ss14</span><span class="description">JetBrains Mono Style</span>
-				<span class="sample" style="font-feature-settings:'ss14'">@rea<b>l</b> fox.q<b>u</b><b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_j<b>u</b>mps_over(dogs.<b>l</b>azy) } <b>0</b>12<b>3</b>456789 ABCKRWXYZ</span>
-				<span class="sample italic" style="font-feature-settings:'ss14'">@rea<b>l</b> fox.q<b>u</b><b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_j<b>u</b>mps_over(dogs.<b>l</b>azy) } <b>0</b>12<b>3</b>456789 ABCKRWXYZ</span>
+				<span class="sample" style="font-feature-settings:'ss14'">@rea<b>l</b> fox.q<b>u</b><b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_j<b>u</b>mps_over(dogs.<b>l</b>azy) } <b>0</b><b>1</b>2<b>3</b>456<b>7</b>89 ABCKRWXYZ</span>
+				<span class="sample italic" style="font-feature-settings:'ss14'">@rea<b>l</b> fox.q<b>u</b><b>i</b>ck(h){ <b>*</b><b>i</b>s_brown && <b>i</b>t_j<b>u</b>mps_over(dogs.<b>l</b>azy) } <b>0</b><b>1</b>2<b>3</b>456<b>7</b>89 ABCKRWXYZ</span>
 			</li>
 			<li>
 				<span class="tag">ss20</span><span class="description">Curly Style</span>
diff --git a/snapshot/index.styl b/snapshot/index.styl
index 8658578c7..d3be45417 100644
--- a/snapshot/index.styl
+++ b/snapshot/index.styl
@@ -169,9 +169,11 @@ section.opentype
 
 	> div.hr
 		font-size: 80%;
+		font-stretch: expanded;
+		font-weight: 400;
 		text-transform: uppercase;
 		letter-spacing: 0.2em;
-		margin: 3rem auto;
+		margin: 0 auto 3rem;
 		text-align: center;
 		display: block;
 
@@ -184,7 +186,8 @@ section.opentype
 			vertical-align: 0.3em;
 
 	> ol.narrow
-		width: 40em;
+		font-size: 0.75em;
+		width: 48em;
 		list-style: none;
 		margin: 0 -5em;
 		padding: 0;
@@ -195,57 +198,85 @@ section.opentype
 
 		> li
 			flex: none;
-			border-left: 1px solid #ddd;
-			margin-left: -1px;
-			margin-bottom: 1em;
-
-		ol.group
-			list-style: none;
-			margin: 0;
-			padding: 0;
 			display: flex;
+			width: 24em;
+			box-sizing: border-box;
 
-		ol.group > li
-			margin: 0 0.5em;
-			padding: 0;
-			border: none;
-			width: 4em;
-			flex: none;
-			display: flex;
-			justify-content: center;
-			position: relative;
+			> div.desc-group
+				flex: none;
+				width: 5em;
+				padding: 0 1em 0 0;
+				justify-content: flex-end;
 
-			> .tag
-				font-size: 0.75em;
-				display: block;
-				position: absolute;
-				width: auto;
-				left: 50%;
-				top: 0;
-				margin-left: calc(-1em);
-
-				&:before, &:after
+				> .triangle
+					font-feature-settings: 'NWID' on;
+					display: inline-block;
+					font-weight: 300;
+					font-size: 2em;
+					margin-top: 0.5em;
+					width: 0.5em;
+					text-align: center;
 					position: absolute;
-					content: '';
+					right: 0;
+					margin-right: -0.125em;
+					opacity: 0.75;
+
+			> ol.group
+				list-style: none;
+				margin: 0;
+				padding: 0;
+				flex: none;
+				display: flex;
+
+			.desc-group
+				border: none;
+				margin: 0;
+				padding: 0 0.5em;
+				width: 2.5em;
+				box-sizing: border-box;
+				flex: none;
+				display: flex;
+				justify-content: center;
+				position: relative;
+
+				&.ligature
+					width: 5em;
+
+				> .label
+					font-size: 0.75em;
 					display: block;
-					width: 0.75em;
-					border-bottom: 1px solid #ddd;
-					top: 0.6em;
+					position: absolute;
+					width: auto;
+					left: 50%;
+					top: 0.4375em;
+					margin-left: -1em;
+					font-weight: 400;
+					opacity: 0.75;
 
-				&:before
-					right: 100%;
-					margin-right: 0.25em;
+				&.ligature > .label.tag
+					&:before, &:after
+						position: absolute;
+						content: '';
+						display: block;
+						width: 0.75em;
+						border-bottom: 1px solid #ddd;
+						top: 0.6em;
 
-				&:after
-					left: 100%;
-					margin-left: 0.25em;
+					&:before
+						right: 100%;
+						margin-right: 0.25em;
 
-			> .sample
-				display: inline-block;
-				font-size: 2em;
-				margin-top: 0.5em;
-				width: 1em;
-				text-align: center;
+					&:after
+						left: 100%;
+						margin-left: 0.25em;
+
+				> .sample
+					display: inline-block;
+					font-weight: 300;
+					font-size: 2em;
+					margin-top: 0.5em;
+					width: 1em;
+					text-align: center;
 
 	> ol.wide
 		list-style: none;
diff --git a/utility/export-data/parse-variants-data.js b/utility/export-data/parse-variants-data.js
index 2824c0fcc..79f68bc63 100644
--- a/utility/export-data/parse-variants-data.js
+++ b/utility/export-data/parse-variants-data.js
@@ -41,7 +41,13 @@ function getCvData(variants) {
 	for (const [sampler, gr] of samplerGroups) {
 		gr.ligatureSampler = / /.test(sampler);
 		gr.descSampleText = gr.ligatureSampler ? sampler.split(" ") : [...sampler];
-		gr.configs.sort((a, b) => (a.tag < b.tag ? -1 : a.tag > b.tag ? 1 : 0));
+		gr.configs.sort((a, b) => {
+			const ta = (a.tag || a.tagUpright || a.tagItalic || "").toLowerCase();
+			const tb = (b.tag || b.tagUpright || b.tagItalic || "").toLowerCase();
+			if (ta < tb) return -1;
+			if (ta > tb) return 1;
+			return 0;
+		});
 		gr.rank = rankOf(gr.descSampleText[0][0]);
 	}
 	return [...samplerGroups.values()].sort((a, b) => b.rank - a.rank);
diff --git a/utility/generate-snapshot-page/templates/partial/cv-sample.ejs b/utility/generate-snapshot-page/templates/partial/cv-sample.ejs
index b6832aad0..a1cf8f235 100644
--- a/utility/generate-snapshot-page/templates/partial/cv-sample.ejs
+++ b/utility/generate-snapshot-page/templates/partial/cv-sample.ejs
@@ -2,20 +2,30 @@
 	<div class="hr">Character Variants</div>
 	<ol class="narrow">
 		<%_ for(const group of cvData) { _%>
-			<li><ol class="group">
-			<%_ for(const config of group.configs) { _%>
-				<li>
-					<span class="tag"><%= config.tag || config.tagItalic %></span>
+			<li>
+				<div class="desc-group <%= group.ligatureSampler ? 'ligature' : 'char' %>">
 					<%_ if(group.ligatureSampler) { _%>
 						<%_ for(const text of group.descSampleText) { _%>
-							<span class="sample" style="font-feature-settings:'<%= config.tag %>'"><%= text %></span>
+							<div class="sample"><%= text %></div>
+						<%_ } _%>
+					<%_ } else { _%>
+						<div class="sample"><%= group.descSampleText[0] %></div>
+					<%_ } _%>
+					<div class="triangle">▶</div>
+				</div>
+				<ol class="group">
+			<%_ for(const config of group.configs) { _%>
+				<li class="desc-group <%= group.ligatureSampler ? 'ligature' : 'char' %>">
+					<div class="label tag"><%= config.tag || config.tagItalic %></div>
+					<%_ if(group.ligatureSampler) { _%>
+						<%_ for(const text of group.descSampleText) { _%>
+							<div class="sample" style="font-feature-settings:'<%= config.tag %>'"><%= text %></div>
 						<%_ } _%>
 					<%_ } else { _%>
 						<%_ if(config.tag) { _%>
-							<span class="sample" style="font-feature-settings:'<%= config.tag %>'"><%= group.descSampleText[0] %></span>
-							<span class="sample italic" style="font-feature-settings:'<%= config.tag %>'"><%= group.descSampleText[0] %></span>
+							<div class="sample" style="font-feature-settings:'<%= config.tag %>'"><%= group.descSampleText[0] %></div>
 						<%_ } else if(config.tagItalic) { _%>
-							<span class="sample italic" style="font-feature-settings:'<%= config.tagItalic %>'"><%= group.descSampleText[0] %></span>
+							<div class="sample italic" style="font-feature-settings:'<%= config.tagItalic %>'"><%= group.descSampleText[0] %></div>
 						<%_ } _%>
 					<%_ } _%>
 				</li>
diff --git a/variants.toml b/variants.toml
index cf64e6aa0..c5ed4c80b 100644
--- a/variants.toml
+++ b/variants.toml
@@ -147,6 +147,12 @@ sampler = 'i'
 description = "Tailed `i`"
 dotlessi = 'tailed'
 
+[simple.v-i-hookybottom]
+tag = "CVAA"
+sampler = 'i'
+description = "`i` with a straight tail"
+dotlessi = 'hookybottom'
+
 [simple.v-j-line]
 tag = "cv57"
 sampler = 'j'
@@ -165,6 +171,27 @@ sampler = 'j'
 description = '`j` without serif'
 dotlessj = "straight"
 
+[simple.v-k-straight]
+tag = "cv68"
+sampler = 'kK'
+description = '`k` with standard shape'
+k = 'straight'
+K = 'straight'
+
+[simple.v-k-curly]
+tag = "cv69"
+sampler = 'kK'
+description = 'Slightly curly `k`, like Iosevka 2.x'
+k = 'curly'
+K = 'curly'
+
+[simple.v-k-cursive]
+tagItalic = "cv70"
+sampler = 'kK'
+description = '`k` with a cursive loop'
+k = 'cursive'
+K = 'straight'
+
 [simple.v-l-hooky]
 tag = 'cv09'
 sampler = 'l'
@@ -207,27 +234,6 @@ sampler = 'l'
 description = '`l` with a straight tail'
 l = 'hookybottom'
 
-[simple.v-k-straight]
-tag = "cv68"
-sampler = 'kK'
-description = '`k` with standard shape'
-k = 'straight'
-K = 'straight'
-
-[simple.v-k-curly]
-tag = "cv69"
-sampler = 'kK'
-description = 'Slightly curly `k`, like Iosevka 2.x'
-k = 'curly'
-K = 'curly'
-
-[simple.v-k-cursive]
-tagItalic = "cv70"
-sampler = 'kK'
-description = '`k` with a cursive loop'
-k = 'cursive'
-K = 'straight'
-
 [simple.v-m-normal]
 tag = 'cv25'
 sampler = 'm'