Merge remote-tracking branch 'upstream/main' into fix/Darkmode-readabilityissue

Author: hrx01-dev

src/css/custom.css

@@ -2170,16 +2170,22 @@ html[data-theme="dark"] {
   max-width: 280px !important;
   padding-left: 0 !important;
   padding-right: 0.5rem !important;
-  border-left: 2px solid var(--ifm-toc-border-color) !important;
   align-self: stretch !important;
 }
 
-/* TOC inner wrapper — sticky */
+/* TOC inner wrapper — sticky; border-left here so the vertical line
+  only spans the height of the TOC content, not the full page */
 .blog-wrapper .col.col--2>div {
   position: sticky !important;
   top: calc(var(--ifm-navbar-height, 60px) + 1rem) !important;
   max-height: calc(100vh - var(--ifm-navbar-height, 60px) - 2rem) !important;
   overflow-y: auto !important;
+  border-left: 2px solid var(--ifm-toc-border-color) !important;
+  scrollbar-width: none !important;
+}
+
+.blog-wrapper .col.col--2>div::-webkit-scrollbar {
+  display: none !important;
 }
 
 /* TOC list — vertical left border track */
@@ -2236,6 +2242,20 @@ html[data-theme="dark"] .blog-post-page .markdown {
   margin-bottom: 0.5rem !important;
 }
 
+.blog-post-page .markdown h1,
+.blog-post-page .markdown h2,
+.blog-post-page .markdown h3,
+.blog-post-page .markdown h4 {
+  color: #1F2937 !important;
+}
+
+html[data-theme="dark"] .blog-post-page .markdown h1,
+html[data-theme="dark"] .blog-post-page .markdown h2,
+html[data-theme="dark"] .blog-post-page .markdown h3,
+html[data-theme="dark"] .blog-post-page .markdown h4 {
+  color: #D1D5DB !important;
+}
+
 /* ── Large desktop (≥1400px) — wider content ── */
 @media (min-width: 1400px) {
   .blog-wrapper .container>.row>.col.col--3 {