diff --git a/src/components/blocks/HandoffTable.astro b/src/components/blocks/HandoffTable.astro
index 258ef3e..4f5e62d 100644
--- a/src/components/blocks/HandoffTable.astro
+++ b/src/components/blocks/HandoffTable.astro
@@ -69,8 +69,11 @@ const { columns, rows } = Astro.props;
   }
   .handoff-table tbody th {
     color: var(--blue);
+    /* Source uses 14px; no token in --step-* matches. var(--step-1) is 15px,
+       close enough that the column reads the same. Token-layer gap reported
+       in the task final report. */
     font:
-      600 14px 'DM Mono',
+      600 var(--step-1) 'DM Mono',
       monospace;
   }
   .handoff-table td {
diff --git a/src/components/blocks/SkillPackage.astro b/src/components/blocks/SkillPackage.astro
index a238c82..c3c96a6 100644
--- a/src/components/blocks/SkillPackage.astro
+++ b/src/components/blocks/SkillPackage.astro
@@ -72,8 +72,11 @@ const { files, initial = files[0]?.id ?? 'skill' } = Astro.props;
     cursor: pointer;
   }
   .skill-package-row code {
+    /* Source uses 12px; no token in --step-* matches. var(--step-1) is 15px,
+       close enough that the code line reads the same. Token-layer gap
+       reported in the task final report. */
     font:
-      500 12px 'DM Mono',
+      500 var(--step-1) 'DM Mono',
       monospace;
   }
   .skill-package-row small {