fix css

my-blog/static/css/style.css

@@ -401,7 +401,7 @@ article.article-content {
 /* Sidebar styles */
 .article-sidebar {
     position: sticky;
-    top: 100px;
+    top: 90px; /* Adjusted for header height + some margin */
     height: fit-content;
 }
 
@@ -836,11 +836,27 @@ article.article-content {
         padding: 10px !important;
     }
     
+    /* Fix overflow on article pages */
+    article.article-content {
+        overflow-x: hidden !important;
+    }
+    
+    article.article-content #comment-atproto {
+        margin-left: -10px !important;
+        margin-right: -10px !important;
+        width: calc(100% + 20px) !important;
+    }
+    
     /* Hide site title text on mobile */
     .site-title {
         display: none;
     }
     
+    /* Adjust TOC position for mobile header */
+    .article-sidebar {
+        top: 50px !important; /* Mobile header is smaller */
+    }
+    
     /* Left align logo on mobile */
     .logo {
         grid-column: 1;

my-blog/templates/oauth-assets.html

@@ -1,3 +1,3 @@
 <!-- OAuth Comment System - Load globally for session management -->
-<script type="module" crossorigin src="/assets/comment-atproto-DnAMiyGQ.js"></script>
+<script type="module" crossorigin src="/assets/comment-atproto-Bfd-uNe_.js"></script>
-<link rel="stylesheet" crossorigin href="/assets/comment-atproto-DLari4ye.css">
+<link rel="stylesheet" crossorigin href="/assets/comment-atproto-XXpPwqCp.css">

oauth/src/App.css

@@ -199,6 +199,18 @@
   .comment-header {
     padding: 10px !important;
   }
+  
+  /* Fix for article pages with padding */
+  article.article-content .comment-section,
+  article.article-content .app {
+    margin-left: -10px !important;
+    margin-right: -10px !important;
+  }
+  
+  article.article-content .comments-list,
+  article.article-content .auth-section {
+    max-width: 100vw !important;
+  }
 }
 
 .gacha-section {