cleanup

assets/styles/media.css

@@ -1,25 +1,40 @@
 @media (max-width: 600px){
-    .banner-header{ flex-direction: column; align-items: center; text-align: center; }
-    .banner-logo{ margin: 0 0 .5rem 0; }
-    nav{ flex-wrap: wrap; justify-content: center; gap: .5rem; font-size: 1rem; }
-
-
-    .theme-toggle {
-	position: static;
-	order: 2; 
-	margin-left: .5rem;
-	padding: .3rem .6rem;
-	background: transparent;
-  }
-
     .banner-header {
-	flex-wrap: wrap;
+	align-items: stretch;
+	gap: 0.7rem;
+	margin-top: 0.75rem;
+    }
+
+    .site-brand {
 	justify-content: center;
     }
-    .banner-header nav {
+
+    .site-nav {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
+	justify-content: center;
+	width: 100%;
+	gap: 0.2rem;
+	font-size: 0.92rem;
+    }
+
+    .site-nav a {
+	padding: 0.42rem 0.55rem;
+    }
+
+    .site-actions {
+	width: 100%;
+	flex: 1 1 100%;
+	justify-content: center;
+    }
+
+    .site-search {
+	display: none;
+    }
+
+    #updated {
+	text-align: center;
     }
 
     body.no-sidenotes {
@@ -42,12 +57,15 @@
       
       --note-color: #c2c7cf;
       --note-bg: transparent;
-      
-      --border: #2a2f3a;
-      --chip-bg: #1f2330;
-      --chip-fg: #cfd3da;
-      --muted: #a9b0bb;
-  }
+	      
+	      --border: #2a2f3a;
+	      --chip-bg: #1f2330;
+	      --chip-fg: #cfd3da;
+	      --muted: #a9b0bb;
+	      --surface: #151820;
+	      --surface-soft: #1b202a;
+	      --accent: #8ab4ff;
+	  }
     .countdown-wrap {
 	color: var(--fg, #ddd);
     }
@@ -62,6 +80,11 @@
 }
 
 @media (max-width: 1250px){
+    :root {
+	--content-min: 0px;
+	--content: min(var(--content-max), calc(100vi - 2 * var(--body-pad)));
+    }
+
     #preamble.status{
 	padding-right: var(--body-pad);
     }