redesign site as "case file" theme

- new paper/ink palette with single red accent, replacing catppuccin
- self-hosted IBM Plex Serif (display) + Source Serif 4 (body), drop Outfit
- rebuilt homepage masthead, numbered post index, navbar with active states
- switch syntax highlighting + utterances to gruvbox, synced via postMessage
- remove terminal/404 easter egg chrome, clean up remaining inline styles
- fix stray syntax.css link causing a 404

sass/_article.scss

@@ -15,7 +15,6 @@
   height: 100%;
   width: 0%;
   background-color: var(--accent-color);
-  box-shadow: 0 0 10px rgba(16, 185, 129, 0.5); /* Glowing emerald accent */
   transition: width 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 
@@ -103,7 +102,6 @@
   background: var(--surface-color);
   border: 1px solid var(--border-color);
   border-left: 3px solid var(--accent-color);
-  border-radius: 12px;
   padding: 1.25rem 1.5rem;
   margin-bottom: 2rem;
 }
@@ -138,7 +136,6 @@
   color: var(--text-muted);
   background: var(--bg-color);
   border: 1px solid var(--border-color);
-  border-radius: 99px;
   padding: 0.1em 0.6em;
   white-space: nowrap;
 }
@@ -192,7 +189,6 @@
   background: var(--surface-color);
   border: 1px solid var(--border-color);
   padding: 1.5rem;
-  border-radius: 12px;
   margin-bottom: 3rem;
 
   summary {
@@ -251,15 +247,6 @@
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
-
-  .tag {
-    background: var(--surface-color);
-    border: 1px solid var(--border-color);
-    padding: 0.25rem 0.75rem;
-    border-radius: 99px;
-    font-size: 0.85rem;
-    font-family: var(--font-mono);
-  }
 }
 
 .social-share {
@@ -429,7 +416,6 @@
     }
     &::-webkit-scrollbar-thumb {
       background: var(--border-color);
-      border-radius: 4px;
     }
   }
 }
@@ -492,7 +478,6 @@
   position: relative;
   width: 100%;
   aspect-ratio: 16 / 9;
-  border-radius: 8px;
   overflow: hidden;
   border: 1px solid var(--border-color);
   margin: 2rem 0;
@@ -514,7 +499,6 @@
 .callout {
   margin: 2rem 0;
   padding: 1.25rem 1.5rem;
-  border-radius: 6px;
   border-left: 4px solid var(--callout-color, var(--border-color));
   background: var(--surface-color);
   color: var(--text-color);
@@ -564,8 +548,8 @@
   }
 
   &.callout-tip {
-    --callout-color: #10b981; // Emerald
-    background: rgba(16, 185, 129, 0.05);
+    --callout-color: #16a34a; // Green
+    background: rgba(22, 163, 74, 0.05);
   }
 
   &.callout-danger {
@@ -574,13 +558,17 @@
   }
 }
 
+.comments {
+  margin-top: 4rem;
+}
+
 // ──────────────────────────────────────────
 // Related Posts
 // ──────────────────────────────────────────
 .related-posts-section {
   margin-top: 4rem;
   padding-top: 2rem;
-  border-top: 1px dashed var(--border-color);
+  border-top: 1px solid var(--border-color);
 
   h3 {
     margin-bottom: 2rem;
@@ -605,7 +593,6 @@
       padding-bottom: 0 !important;
       background: var(--surface-color);
       border: 1px solid var(--border-color);
-      border-radius: 8px;
       padding: 1.5rem !important;
       height: 100%;
       display: flex;
@@ -614,8 +601,6 @@
 
       &:hover {
         border-color: var(--accent-color);
-        transform: translateY(-4px);
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
       }
 
       .item-snippet {