Here's a summary of what was fixed in this session, focused on font sizes and whitespace:

Typography fixes (affecting both light and dark mode):

h2 line-height: 1.5em (48px) → 1.25 unitless (40px) — matches Docusaurus
h3 line-height: 1.5em (36px) → 1.25 unitless (30px) — matches Docusaurus
h3 margin: 2rem 0 0.75rem (32px 0 12px) → 1.875rem 0 1.25rem (30px 0 20px) — matches Docusaurus
ul/ol margin: 20px 0 → 0 0 1.25rem (bottom-only, matching Docusaurus)
ul/ol padding-left: 26px → 2rem (32px, matching Docusaurus)
li margin/padding: 8px 0 / 0 0 0 6px → 0 / 0 — matches Docusaurus
Inline code font-weight: 600 → inherit (700 in headings, 400 in paragraphs)
pre margin: 1.25rem 0 → 0 0 1.25rem (bottom-only, matching Docusaurus)
Footer font-size: 0.75rem (12px) → 1rem (16px) — matches Docusaurus
Page nav margin-top: 2rem (32px) → 48px — matches Docusaurus
Page nav padding: 2rem 0 (32px) → 0 — matches Docusaurus
Visual parity: 94.74% → 96.97% (+2.23pp)

Author: JohnWeidner

site_jaspr/lib/components/page_navigation.dart

@@ -52,8 +52,8 @@ class PageNavigation extends StatelessComponent {
     css('.page-nav', [
       css('&').styles(
         display: Display.flex,
-        padding: Padding.symmetric(vertical: 2.rem),
-        margin: Margin.only(top: 2.rem),
+        padding: Padding.zero,
+        margin: Margin.only(top: 48.px),
         border: Border.only(top: BorderSide(color: Color('#0000000d'), width: 1.px)),
         gap: Gap(column: 0.75.rem),
       ),

site_jaspr/lib/components/site_footer.dart

@@ -115,7 +115,7 @@ class SiteFooter extends StatelessComponent {
         padding: Padding.all(2.rem),
         color: Color('#606770'),
         textAlign: TextAlign.center,
-        fontSize: 0.75.rem,
+        fontSize: 1.rem,
         backgroundColor: Colors.white,
       ),
       css('a').styles(

site_jaspr/lib/styles/site_styles.dart

@@ -55,14 +55,12 @@ List<StyleRule> get siteStyles => [
   css('.content h2').styles(
     fontSize: 2.rem,
     fontWeight: FontWeight.w700,
-    lineHeight: 1.5.em,
-    raw: {'margin': '2.5rem 0 1.25rem'},
+    raw: {'margin': '2.5rem 0 1.25rem', 'line-height': '1.25'},
   ),
   css('.content h3').styles(
     fontSize: 1.5.rem,
     fontWeight: FontWeight.w700,
-    lineHeight: 1.5.em,
-    raw: {'margin': '2rem 0 0.75rem'},
+    raw: {'margin': '1.875rem 0 1.25rem', 'line-height': '1.25'},
   ),
   css('.content h4').styles(
     fontSize: 1.25.rem,
@@ -73,6 +71,15 @@ List<StyleRule> get siteStyles => [
   css('.content').styles(raw: {'line-height': '1.65'}),
   // Paragraphs: Docusaurus uses bottom-only margin (1.25rem); Jaspr default is top+bottom
   css('.content p').styles(raw: {'margin': '0 0 1.25rem'}),
+  // Lists: match Docusaurus/Infima spacing (bottom-only margin, left padding)
+  css('.content ul, .content ol').styles(
+    margin: Margin.only(top: Unit.zero, bottom: 1.25.rem),
+    raw: {'padding-left': '2rem'},
+  ),
+  css('.content li').styles(
+    padding: Padding.zero,
+    margin: Margin.zero,
+  ),
   // Remove backtick pseudo-elements and quote marks (Docusaurus doesn't have these)
   css('.content code::before').styles(raw: {'content': 'none'}),
   css('.content code::after').styles(raw: {'content': 'none'}),
@@ -92,6 +99,7 @@ List<StyleRule> get siteStyles => [
     raw: {
       'background-color': 'rgba(0, 0, 0, 0.06)',
       'font-family': 'var(--ifm-font-family-monospace)',
+      'font-weight': 'inherit',
     },
   ),
   // Pre/code blocks: match Docusaurus sizing (15.2px font, 22px line-height)
@@ -103,7 +111,7 @@ List<StyleRule> get siteStyles => [
     raw: {
       'font-family': 'var(--ifm-font-family-monospace)',
       'line-height': '1.45',
-      'margin': '1.25rem 0',
+      'margin': '0 0 1.25rem',
     },
   ),
   css('.content pre code').styles(
@@ -481,10 +489,7 @@ List<StyleRule> get siteStyles => [
   //     Docusaurus: footer margin-top 64px, pagination margin-top 48px.
   // ───────────────────────────────────────────────────────────────────────
   css('.site-footer').styles(margin: Margin.only(top: 4.rem)),
-  css('.page-nav').styles(
-    padding: Padding.zero,
-    margin: Margin.only(top: 3.rem),
-  ),
+  // page-nav spacing is set in PageNavigation.styles (48px margin-top, zero padding)
   // Page nav "Previous"/"Next" label: muted gray (matching Docusaurus #525860)
   css('.page-nav-label').styles(color: Color('#525860')),
   // Dark mode: page nav prev/next blocks