search: slightly better results appearance

web/src/index.css

@@ -34,3 +34,53 @@ body {
   background-image: radial-gradient(circle at top, hsl(222 30% 18%) 0%, hsl(224 21% 11%) 45%, hsl(224 20% 9%) 100%);
   font-family: "Soehne", "Avenir Next", "Segoe UI", sans-serif;
 }
+
+.md-content {
+  word-break: break-word;
+}
+
+.md-content p + p {
+  margin-top: 0.85rem;
+}
+
+.md-content ul,
+.md-content ol {
+  margin-top: 0.65rem;
+  margin-left: 1.25rem;
+}
+
+.md-content li + li {
+  margin-top: 0.3rem;
+}
+
+.md-content code {
+  background: hsl(223 18% 22%);
+  border-radius: 0.25rem;
+  padding: 0.05rem 0.3rem;
+  font-size: 0.86em;
+}
+
+.md-content pre {
+  overflow-x: auto;
+  border-radius: 0.5rem;
+  background: hsl(223 18% 12%);
+  padding: 0.6rem 0.75rem;
+}
+
+.md-content a {
+  color: hsl(198 95% 72%);
+  text-decoration: underline;
+}
+
+.md-cite-token {
+  display: inline-flex;
+  align-items: center;
+  border-radius: 9999px;
+  border: 1px solid hsl(217 24% 54%);
+  background: hsl(223 23% 21%);
+  color: hsl(210 40% 96%);
+  font-size: 0.72rem;
+  line-height: 1;
+  padding: 0.12rem 0.38rem;
+  vertical-align: baseline;
+}