style: aggressive font size and spacing reduction for compact layout

Typography reductions:
- Body: 0.95rem to 0.875rem
- H1: 2rem to 1.5rem (25% reduction!)
- H2: 1.6rem to 1.3rem
- H3: 1.3rem to 1.15rem
- H4: 1.15rem to 1rem
- Subtitle: 1rem to 0.9rem
- Line-height: 1.7 to 1.65

Spacing reductions:
- H1 margin-bottom: 1.5rem to 1rem
- H2 margins: 3rem/1.25rem to 2rem/1rem
- H3 margins: 2.5rem/1rem to 1.75rem/0.75rem
- H4 margins: 2rem/0.75rem to 1.5rem/0.5rem
- Paragraph margin: 1.25rem to 1rem
- Subtitle margin: 2rem to 1.5rem
- Post card padding: 2.5rem to 2rem
- Post card margin: 3rem to 2rem
- HR margin: 4rem to 3rem
- Section margin: 3rem to 2rem
- Main padding: 2rem/1.5rem to 1.5rem/1rem

Mobile reductions:
- H1: 1.75rem to 1.4rem
- H2: 1.4rem to 1.2rem
- H3: 1.2rem to 1.1rem
- Post card padding: 1.5rem to 1.25rem
- Post card margin: 2rem to 1.5rem
- HR margin: 3rem to 2rem
- Content padding: 1rem to 0.75rem

Result: Much more compact, information-dense layout

Author: prabha-git

docs/stylesheets/extra.css

@@ -65,8 +65,8 @@ body {
 .md-typeset {
     font-family: "Courier Prime", monospace !important;
     font-weight: 400 !important;
-    font-size: 0.95rem !important;
-    line-height: 1.7 !important;
+    font-size: 0.875rem !important;
+    line-height: 1.65 !important;
     letter-spacing: 0.01em;
 }
 
@@ -76,50 +76,50 @@ code {
 
 /* Heading hierarchy */
 .md-typeset h1 {
-    font-size: 2rem !important;
+    font-size: 1.5rem !important;
     line-height: 1.3 !important;
     margin-top: 0 !important;
-    margin-bottom: 1.5rem !important;
+    margin-bottom: 1rem !important;
     font-weight: 700 !important;
     letter-spacing: -0.01em;
 }
 
 .md-typeset h2 {
-    font-size: 1.6rem !important;
+    font-size: 1.3rem !important;
     line-height: 1.35 !important;
-    margin-top: 3rem !important;
-    margin-bottom: 1.25rem !important;
+    margin-top: 2rem !important;
+    margin-bottom: 1rem !important;
     font-weight: 700 !important;
 }
 
 .md-typeset h3 {
-    font-size: 1.3rem !important;
+    font-size: 1.15rem !important;
     line-height: 1.4 !important;
-    margin-top: 2.5rem !important;
-    margin-bottom: 1rem !important;
+    margin-top: 1.75rem !important;
+    margin-bottom: 0.75rem !important;
     font-weight: 700 !important;
 }
 
 .md-typeset h4 {
-    font-size: 1.15rem !important;
+    font-size: 1rem !important;
     line-height: 1.45 !important;
-    margin-top: 2rem !important;
-    margin-bottom: 0.75rem !important;
+    margin-top: 1.5rem !important;
+    margin-bottom: 0.5rem !important;
     font-weight: 700 !important;
 }
 
 /* Paragraph spacing */
 .md-typeset p {
-    margin-bottom: 1.25rem !important;
-    line-height: 1.7 !important;
+    margin-bottom: 1rem !important;
+    line-height: 1.65 !important;
 }
 
 /* Subtitle spacing (first paragraph after h1) */
 .md-typeset h1 + p {
     margin-top: 0.5rem !important;
-    font-size: 1rem !important;
+    font-size: 0.9rem !important;
     color: var(--md-default-fg-color--light);
-    margin-bottom: 2rem !important;
+    margin-bottom: 1.5rem !important;
 }
 
 /* Remove default top margin from first header */
@@ -152,11 +152,11 @@ code {
 /* Main content spacing */
 .md-main__inner {
     margin-top: 1rem !important;
-    padding-top: 2rem !important;
+    padding-top: 1.5rem !important;
 }
 
 .md-content {
-    padding-top: 1.5rem !important;
+    padding-top: 1rem !important;
 }
 
 /* Hide the logo in the header */
@@ -172,7 +172,7 @@ code {
 .md-typeset hr {
     border: none;
     border-top: 3px solid var(--blog-border);
-    margin: 4rem 0 !important;
+    margin: 3rem 0 !important;
     position: relative;
     opacity: 1;
 }
@@ -192,7 +192,7 @@ code {
 
 /* Section spacing */
 .md-typeset section {
-    margin-bottom: 3rem;
+    margin-bottom: 2rem;
 }
 
 /* ========================================
@@ -253,8 +253,8 @@ code {
     background: var(--blog-bg-card);
     border: 2px solid var(--blog-border);
     border-radius: 8px;
-    padding: 2.5rem;
-    margin-bottom: 3rem;
+    padding: 2rem;
+    margin-bottom: 2rem;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     box-shadow: var(--blog-shadow-sm);
 }
@@ -499,8 +499,8 @@ button:focus-visible {
 @media (max-width: 768px) {
     /* Reduce padding on mobile */
     .md-post {
-        padding: 1.5rem;
-        margin-bottom: 2rem;
+        padding: 1.25rem;
+        margin-bottom: 1.5rem;
     }
 
     /* Adjust metadata layout */
@@ -511,27 +511,27 @@ button:focus-visible {
 
     /* Adjust typography for mobile */
     .md-typeset h1 {
-        font-size: 1.75rem !important;
+        font-size: 1.4rem !important;
     }
 
     .md-typeset h2 {
-        font-size: 1.4rem !important;
+        font-size: 1.2rem !important;
     }
 
     .md-typeset h3 {
-        font-size: 1.2rem !important;
+        font-size: 1.1rem !important;
     }
 
     /* Reduce spacing */
     .md-typeset hr {
-        margin: 3rem 0 !important;
+        margin: 2rem 0 !important;
     }
 
     .md-main__inner {
         padding-top: 1rem !important;
     }
 
     .md-content {
-        padding-top: 1rem !important;
+        padding-top: 0.75rem !important;
     }
 }