make guide section more mobile friendly on portrait

data/static/css/theme-otomotone.css

@@ -60,11 +60,6 @@ body {
   color: #e6e6e6;
 }
 
-@media (orientation: portrait) {
-  body {
-    margin: 20px 0;
-  }
-}
 :where(a:link) {
   color: #e87fe1;
 }
@@ -1540,6 +1535,21 @@ img.badge-button {
   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;
+  }
+}
 #topnav {
   margin-bottom: 10px;
   border: 10px solid rgb(40, 40, 40);