comm stuff

comms.css

@@ -8,7 +8,6 @@
 
 main {
   max-width: calc(var(--img-width) + 150px);
-  position: relative;
 }
 
 h1 {
@@ -16,26 +15,29 @@ h1 {
   --around-image: url(media/sparkles.svg);
 }
 
-#status {
-  position: absolute;
-  top: 1.25em; left: 1em;
-  transform: rotate(-8deg);
-  z-index: 100;
+#examples dt {
+  position: relative;
+}
 
-  padding: 0.5em 0.75em;
+.status {
+  display: inline-block;
+  transform: rotate(-8deg);
+
+  margin-left: 0.5em;
+  padding: 0.25em 0.75em;
   border-radius: 0.3em;
-  font-size: 120%;
+  font-size: 1.2rem;
 
   background: hsl(var(--hue), 80%, 80%);
   border: 2px solid hsl(var(--hue), 80%, 35%);
-  box-shadow: 0 0 20px 5px hsla(var(--hue), 50%, 95%, 40%);
+  box-shadow: 8px 6px 5px hsla(0deg, 0%, 0%, 30%);
   color: black;
   text-shadow: none;
 }
 
-#status.closed { --hue: 350deg; }
-#status.soon   { --hue: 55deg;  }
-#status.open   { --hue: 110deg; }
+.closed { --hue: 350deg; }
+.soon   { --hue: 55deg;  }
+.open   { --hue: 110deg; }
 
 @media (prefers-color-scheme: dark) {
   #status {
@@ -63,7 +65,7 @@ h1 {
   margin: 0;
 }
 
-#examples, #terms {
+#examples {
   width: var(--img-width);
   box-sizing: border-box;
   margin: 1em auto;
@@ -94,89 +96,6 @@ h1 {
 #examples dl { pointer-events: none; }
 #examples a  { pointer-events: auto; }
 
-#terms {
-  padding: 1.5em;
-  text-align: left;
-
-  background: hsla(45deg, 90%, 98%, 75%);
-  color: var(--text-col);
-  --text-col: black;
-  text-shadow: none;
-  font-weight: 400;
-  font-size: 1.1rem;
-}
-
-#terms > details {
-  margin-top: 1em;
-}
-
-#terms :is(h2, h3, h4, h5, h6, b) {
-  font-weight: 600;
-}
-
-#terms a {
-  color: hsl(330deg, 80%, 40%);
-  font-weight: 600;
-}
-
-:is(h2, h3, h4, h5, h6, #aaa) > a {
-  color: inherit;
-  font-weight: inherit;
-}
-
-:is(h2, h3, h4, h5, h6, #aaa) > a:hover::after {
-  content: '§';
-  margin-left: 1em;
-  font-size: 70%;
-  font-weight: 400;
-}
-
-summary {
-  cursor: pointer;
-  display: inline-block;
-}
-
-#more-info > summary {
-  font-weight: 600;
-}
-#more-info[open] > summary {
-  margin-bottom: 0.75em;
-}
-
-summary::after {
-  content: 'show';
-
-  margin-left: 0.5ch;
-  border: 1pt solid var(--text-col);
-  border-radius: 4px;
-  padding: 0 0.25em;
-
-  font-size: 80%;
-  font-weight: 500;
-}
-[open] > summary::after { content: 'hide'; }
-
-ul > li {
-  list-style: '— ';
-}
-
-
-@media (prefers-contrast: high), (prefers-color-scheme: dark) {
-  #terms {
-    background: hsla(0deg, 0%, 0%, 65%);
-    --text-col: white;
-  }
-
-  #terms a {
-    color: hsl(330deg, 90%, 85%);
-  }
-
-  :is(h2, h3, h4, h5, h6, #aaa) > a {
-    color: inherit;
-    font-weight: inherit;
-  }
-}
-
 
 @media (prefers-reduced-transparency) {
   #status {