some style fixes

style/shiny/base.css

@@ -29,9 +29,11 @@ header {
   text-align: center;
 }
 
-h1, h2 { font-weight: 100; }
+h1 { font-weight: 100; }
+h2, h3, h4 { font-weight: 400; }
 h1 { font-size: 300%; }
 h2 { font-size: 125%; }
+h3 { font-size: 110%; }
 
 body {
   --shadow: hsl(42deg, 82%, 90%, 75%);
@@ -57,7 +59,7 @@ header h1 {
 
 a {
   color: inherit;
-  text-decoration: single underline;
+  text-decoration: dotted underline;
   text-decoration-thickness: 2px;
 }
 
@@ -70,7 +72,6 @@ a:focus {
 
 footer {
   font-weight: 500;
-  font-size: 80%;
 }
 
 
@@ -146,6 +147,9 @@ footer {
 }
 
 
+summary {
+  cursor: pointer;
+}
 
 summary > * {
   display: inline;
@@ -171,6 +175,11 @@ summary:focus-within {
     --text-col: hsl(55deg, 60%, 90%);
   }
 
+  body {
+    --shadow: hsl(42deg, 82%, 90%, 20%);
+    --border-col: black;
+  }
+
   @media (prefers-contrast: high) {
     :root {
       --text-col: white;
@@ -183,17 +192,11 @@ summary:focus-within {
       background: unset;
     }
   }
-
-  body {
-    --shadow: hsl(42deg, 82%, 90%, 20%);
-    --border-col: black;
-  }
 }
 
 
 @media (pointer: coarse) {
   .buttonbar {
     font-size: 200%;
-    border-width: 2px;
   }
 }

style/shiny/single.css

@@ -92,7 +92,6 @@ body {
 }
 
 footer {
-  font-size: 90%;
   text-align: center;
   margin-top: 1em;
 }