fix: unify typography and review interactions

src/components/islands/SkillPackageExplorer.astro

@@ -148,9 +148,7 @@ const packageFiles: PackageFile[] = [
   .package-preview > span {
     margin: 0 0 14px;
     color: var(--gold);
-    font:
-      700 var(--step-0) / 1.35 ui-monospace,
-      monospace;
+    font: 700 var(--step-0) / 1.35 var(--font-mono);
     letter-spacing: 0.1em;
   }
 
@@ -188,16 +186,12 @@ const packageFiles: PackageFile[] = [
   .package-tree code {
     min-width: 0;
     overflow-wrap: anywhere;
-    font:
-      700 13px / 1.4 ui-monospace,
-      monospace;
+    font: 700 var(--step-13) / 1.4 var(--font-mono);
   }
 
   .package-tree small {
     color: var(--muted);
-    font:
-      11px / 1.25 Arial,
-      sans-serif;
+    font: var(--step-0) / 1.25 var(--font-sans);
     text-align: right;
   }
 
@@ -229,9 +223,7 @@ const packageFiles: PackageFile[] = [
     border: 1px solid var(--muted);
     background: var(--deep);
     color: var(--line);
-    font:
-      12px / 1.55 ui-monospace,
-      monospace;
+    font: var(--step-12) / 1.55 var(--font-mono);
   }
 
   .package-preview.is-swapping {