Declutter pages and add dark mode

code/services-application/search-service/src/main/resources/static/search/serp.scss

@@ -22,6 +22,11 @@ progress {
   width: 10ch;
 }
 
+/* dark mode, pls find a better solution */
+html {
+    filter: invert(1) hue-rotate(180deg);
+}
+
 body {
   background-color: $nicotine-light;
   color: $fg-dark;
@@ -705,4 +710,4 @@ footer {
 // The search results page is very confusing on text-based browsers, so we add a hr to separate the search results.  This is
 // hidden on modern browsers via CSS.
 
-hr.w3m-helper { display: none; }
+hr.w3m-helper { display: none; }

code/services-application/search-service/src/main/resources/templates/search/parts/search-footer.hdb

@@ -1,4 +1,6 @@
 <footer class="onlyscreen">
+<details>
+  <summary>Syntax & More Info</summary>
   <section id="tips-syntax">
     <h1>Syntax</h1>
     This is a keyword-based search engine based on <a href="https://marginalia.nu">Marginalia</a>. When entering multiple search terms, the search engine will
@@ -117,7 +119,7 @@
       under
       <a rel="external noopener nofollow" href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA&nbsp;4.0</a>.
     </section>
-
+</details>
 </footer>
 
 <script src="/tts.js"></script>