fix(hub): increase body font-size from 14px to 16px for GitHub-grade readability

Author: Phatfella

public/styles/global.css

@@ -5,25 +5,18 @@
    Layout-only rules to wire up the two-column shell.
    ========================================================== */
 
-/* -- Body defaults (GitHub / Primer baseline) -------------- */
+/* -- Body font -------------------------------------------- */
+/* Primer does not set font-family on body; without this, nav,
+   header, footer and anything outside .markdown-body falls back
+   to the browser default (Times New Roman on most platforms).
+   This matches the stack used by github-markdown.css.          */
 body {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
     Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-  font-size: 0.875rem;
+  font-size: 16px;
   line-height: 1.5;
-  color: var(--fgColor-default, var(--color-fg-default));
-  background-color: var(--bgColor-default, var(--color-canvas-default));
-  -webkit-font-smoothing: antialiased;
-}
-
-/* -- Links --------------------------------------------------  */
-a {
-  color: var(--fgColor-accent, var(--color-accent-fg));
-  text-decoration: none;
-}
-
-a:hover {
-  text-decoration: underline;
+  color: var(--fgColor-default, var(--color-fg-default, #1f2328));
+  background-color: var(--bgColor-default, var(--color-canvas-default, #ffffff));
 }
 
 /* -- Images / SVG ------------------------------------------ */
@@ -33,6 +26,14 @@ svg {
   max-width: 100%;
 }
 
+/* -- Fix github-markdown.css fgColor-accent override ------ */
+/* github-markdown.css sets --fgColor-accent: Highlight (a CSS
+   system color) inside .markdown-body, which overrides primer.css's
+   correct value of #0969da. Re-pin it to the primer variable.   */
+.markdown-body {
+  --fgColor-accent: var(--color-accent-fg, #0969da);
+}
+
 /* -- Header: sticky + z-index above sidebar --------------- */
 /* Primer .Header has z-index:32; sidebar is z-index:50;     */
 /* so we lift the header to 100.                             */
@@ -184,11 +185,12 @@ svg {
   min-height: calc(100vh - 52px);
 }
 
-/* -- Main content � markdown-body provides the typography -- */
+/* -- Main content — markdown-body provides the typography -- */
 .main-content {
   flex: 1;
   padding: 32px 56px 64px;
-  max-width: 1290px;
+  max-width: 900px;
+  width: 100%;
 }
 
 /* github-markdown.css sets background-color on .markdown-body;
@@ -197,10 +199,12 @@ svg {
   background-color: transparent !important;
 }
 
-/* Ensure tables fill available width inside our container. */
+/* Tables: GitHub-faithful responsive overflow */
 .main-content .markdown-body table {
+  display: block;
   width: max-content;
   max-width: 100%;
+  overflow: auto;
 }
 
 /* -- Get-involved bar -------------------------------------- */
@@ -260,6 +264,7 @@ svg {
   .main-content {
     padding: 28px 36px 56px;
     max-width: 100%;
+    width: 100%;
   }
 
   .get-involved {
@@ -314,6 +319,11 @@ svg {
     padding: 20px 18px 48px;
   }
 
+  /* Tables scroll horizontally on mobile */
+  .main-content .markdown-body table {
+    font-size: 0.8125rem;
+  }
+
   .get-involved {
     padding: 11px 18px;
   }