import sources from scattered branches

src/style.css

@@ -0,0 +1,88 @@
+@font-face {
+    font-family: "Mojangles";
+    font-style: normal;
+    font-weight: 400;
+    src: url("/src/mojangles-ascii.woff2");
+    unicode-range: U+0000-007F;
+}
+
+h1, h2, h3, h4, h5, h6, nav li {
+    font-family: "Mojangles", sans-serif;
+}
+
+body {
+    max-width: 70ch;
+    margin-inline: auto;
+    font: 1rem / 1.5 sans-serif;
+}
+
+
+.tip {
+    color: forestgreen;
+}
+
+.warn {
+    color: brown;
+}
+
+.note {
+    color: mediumblue;
+}
+
+.todo {
+    color: red;
+}
+
+@media (prefers-color-scheme: dark) {
+    .tip {
+        color: springgreen;
+    }
+
+    .warn {
+        color: coral;
+    }
+
+    .note {
+        color: cyan;
+    }
+}
+
+pre code {
+    text-wrap: wrap;
+}
+
+.callout, details {
+    background: blue;
+
+    margin: 1em -1em;
+    padding: 0.5em 1em;
+    background: rgb(from currentColor r g b / 5%);
+    border: solid currentColor;
+    border-width: 1px 0;
+
+    .callout {
+        margin-inline: 0;
+    }
+}
+
+.callout {
+    h1, h2, h3, h4, h5, h6 {
+        font-size: 1em;
+        vertical-align: baseline;
+        margin-inline-end: 1ch;
+
+        &, & + p {
+            display: inline;
+        }
+    }
+
+    *:last-child {
+        margin-block-end: 0;
+        padding-block-end: 0;
+    }
+}
+
+summary::marker {
+    content: "Click to show ";
+    padding-left: 0;
+}