wip more dioramas

src/style.css

@@ -30,7 +30,7 @@ body {
 }
 
 .todo {
-    color: red;
+    color: red
 }
 
 @media (prefers-color-scheme: dark) {
@@ -45,6 +45,10 @@ body {
     .note {
         color: cyan;
     }
+
+    .todo {
+        color: #FF4444;
+    }
 }
 
 pre code {
@@ -54,11 +58,12 @@ pre code {
 .callout, details {
     background: blue;
 
-    margin: 1em -1em;
-    padding: 0.5em 1em;
+    margin: 1em -1ch;
+    padding: 0.5em 1ch;
     background: rgb(from currentColor r g b / 5%);
-    border: solid currentColor;
-    border-width: 1px 0;
+    border: solid rgb(from currentColor r g b / 30%);
+    border-width: 1px;
+    border-style: outset;
 
     .callout {
         margin-inline: 0;