make guide section more mobile friendly on portrait

data/static/css/style.css

@@ -60,11 +60,6 @@ body {
   color: black;
 }
 
-@media (orientation: portrait) {
-  body {
-    margin: 20px 0;
-  }
-}
 :where(a:link) {
   color: #c11c1c;
 }
@@ -1539,3 +1534,19 @@ img.badge-button {
   background-color: rgb(186.8501612903, 155.5098387097, 132.6498387097);
   color: black;
 }
+
+@media (orientation: portrait) {
+  body {
+    margin: 20px 0;
+  }
+  .guide-container {
+    grid-template-areas: "guide-toc" "guide-topics";
+    grid-template-columns: unset;
+  }
+  .guide-toc {
+    position: unset;
+  }
+  .guide-section {
+    padding-right: 20px;
+  }
+}