Updates

site.css

@@ -500,6 +500,30 @@ h1 {
   }
 }
 
+@media screen {
+  p:has(+ pre[class*="language-"] > code) {
+    position: relative;
+    font-size: 0.8em;
+  }
+  p:has(+ pre[class*="language-"]) > code::after {
+    content: "";
+    pointer-events: none;
+    opacity: 0.5;
+    position: absolute;
+    z-index: -1;
+    bottom: 0;
+    left: -2rem;
+    height: 4rem;
+    width: 20rem;
+    max-width: 100%;
+    background: radial-gradient(
+      ellipse farthest-side at 50% 100%,
+      var(--c-highlight),
+      transparent
+    );
+  }
+}
+
 main {
   h1,
   h2,
@@ -738,6 +762,15 @@ pre[class*="language-"] {
   margin: 0.5em 0;
   padding: 1.25em 1em;
 }
+p:has(+ pre[class*="language-"]) > code {
+  margin: 0;
+  padding: 0.1em 1em;
+  border-radius: none;
+  background: none;
+}
+p:has(> code) + pre[class*="language-"] {
+  margin-top: 0;
+}
 [class*="language-"] .namespace {
   opacity: 0.7;
 }