fix test ask-AI oauth profile

my-blog/static/css/style.css

@@ -79,7 +79,7 @@ a.view-markdown:any-link {
 }
 
 .header-content {
-    max-width: 1000px;
+    max-width: 800px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1fr auto 1fr;
@@ -197,7 +197,6 @@ a.view-markdown:any-link {
     margin-bottom: 16px;
 }
 
-/* Main Content */
 .main-content {
 	grid-area: main;
 	max-width: 800px;
@@ -327,12 +326,9 @@ a.view-markdown:any-link {
 
 /* Article */
 .article-container {
-    display: grid;
-    grid-template-columns: 1fr 240px;
-    /* gap: 40px; */
-    max-width: 1000px;
+    max-width: 800px;
     margin: 0 auto;
-				padding: 100px 0;
+    padding: 100px 0;
 }
 
 /* article.article-content { padding: 10px; } */
@@ -396,18 +392,12 @@ a.view-markdown:any-link {
     border-color: var(--white);
 }
 
-/* Sidebar styles */
-.article-sidebar {
-    position: sticky;
-    top: 100px;
-    height: fit-content;
-}
-
 .toc {
     background: #f6f8fa;
     border: 1px solid #d1d9e0;
     border-radius: 8px;
     padding: 16px;
+    margin: 20px 0;
 }
 
 .toc h3 {
@@ -814,10 +804,8 @@ article.article-content {
 /* Responsive */
 @media (max-width: 1000px) {
     .article-container {
-        grid-template-columns: 1fr;
-        gap: 24px;
         max-width: 100%;
-        padding: 50px 0;
+        padding: 50px 20px;
         margin: 0;
     }
 }
@@ -1141,7 +1129,17 @@ article.article-content {
 				.article-meta {
 					padding: 10px;
 				}
+
 				.article-actions {
 					padding: 10px;
 				}
+
+				article.article-content {
+					max-width: 100%;
+				}
+
+				.ask-ai-content {
+					max-width: 100%;
+				}
+
 }