3 files changed, 103 insertions, 27 deletions
diff --git a/assets/css/chroma-custom.css b/assets/css/chroma-custom.css
index d632e09..b4a8c49 100644
--- a/assets/css/chroma-custom.css
+++ b/assets/css/chroma-custom.css
@@ -140,6 +140,11 @@
   vertical-align: top;
 }
 
+/* The line numbers take only the width they need, the code gets the rest. */
+.highlight .lntd:first-child {
+  width: 1%;
+}
+
 /* Line number column — not selectable */
 /* color: --ctp-overlay0 (#6e738d) on --ctp-surface0 (#363a4f) = ~3.5:1 */
 .highlight .lnt,
diff --git a/assets/css/main.css b/assets/css/main.css
index 05e491e..d59e7a5 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -2104,3 +2104,9 @@ html.theme-light .hero-name {
   .section-title::before,
   .section-title::after { display: none; }
 }
+
+/* Inline code already has its own box: no literal backticks around it. */
+.prose code::before,
+.prose code::after {
+  content: none;
+}
diff --git a/assets/css/main.min.css b/assets/css/main.min.css
index 048b8e7..afa3039 100644
--- a/assets/css/main.min.css
+++ b/assets/css/main.min.css
@@ -2456,6 +2456,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   margin-left: 0.25rem;
 }
 
+.ml-1\.5 {
+  margin-left: 0.375rem;
+}
+
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -2522,6 +2526,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   display: block;
 }
 
+.inline-block {
+  display: inline-block;
+}
+
 .inline {
   display: inline;
 }
@@ -2546,6 +2554,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   display: grid;
 }
 
+.contents {
+  display: contents;
+}
+
 .hidden {
   display: none;
 }
@@ -3106,6 +3118,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   padding-top: 0.5rem;
 }
 
+.pt-4 {
+  padding-top: 1rem;
+}
+
 .pt-6 {
   padding-top: 1.5rem;
 }
@@ -3126,6 +3142,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   text-align: right;
 }
 
+.align-middle {
+  vertical-align: middle;
+}
+
 .font-mono {
   font-family: JetBrains Mono, monospace;
 }
@@ -5047,6 +5067,13 @@ html.theme-light .hero-name {
   }
 }
 
+/* Inline code already has its own box: no literal backticks around it. */
+
+.prose code::before,
+.prose code::after {
+  content: none;
+}
+
 .hover\:bg-surface:hover {
   background-color: var(--surface);
 }
@@ -5067,31 +5094,29 @@ html.theme-light .hero-name {
   color: var(--accent);
 }
 
-@media (prefers-color-scheme: dark) {
-  .dark\:prose-invert {
-    --tw-prose-body: var(--tw-prose-invert-body);
-    --tw-prose-headings: var(--tw-prose-invert-headings);
-    --tw-prose-lead: var(--tw-prose-invert-lead);
-    --tw-prose-links: var(--tw-prose-invert-links);
-    --tw-prose-bold: var(--tw-prose-invert-bold);
-    --tw-prose-counters: var(--tw-prose-invert-counters);
-    --tw-prose-bullets: var(--tw-prose-invert-bullets);
-    --tw-prose-hr: var(--tw-prose-invert-hr);
-    --tw-prose-quotes: var(--tw-prose-invert-quotes);
-    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
-    --tw-prose-captions: var(--tw-prose-invert-captions);
-    --tw-prose-kbd: var(--tw-prose-invert-kbd);
-    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
-    --tw-prose-code: var(--tw-prose-invert-code);
-    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
-    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
-    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
-    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
-  }
+.dark\:prose-invert:where(html:not(.theme-light), html:not(.theme-light) *) {
+  --tw-prose-body: var(--tw-prose-invert-body);
+  --tw-prose-headings: var(--tw-prose-invert-headings);
+  --tw-prose-lead: var(--tw-prose-invert-lead);
+  --tw-prose-links: var(--tw-prose-invert-links);
+  --tw-prose-bold: var(--tw-prose-invert-bold);
+  --tw-prose-counters: var(--tw-prose-invert-counters);
+  --tw-prose-bullets: var(--tw-prose-invert-bullets);
+  --tw-prose-hr: var(--tw-prose-invert-hr);
+  --tw-prose-quotes: var(--tw-prose-invert-quotes);
+  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
+  --tw-prose-captions: var(--tw-prose-invert-captions);
+  --tw-prose-kbd: var(--tw-prose-invert-kbd);
+  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
+  --tw-prose-code: var(--tw-prose-invert-code);
+  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
+  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
+  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
+  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
+}
 
-  .dark\:hover\:text-text:hover {
-    color: var(--text);
-  }
+.dark\:hover\:text-text:hover:where(html:not(.theme-light), html:not(.theme-light) *) {
+  color: var(--text);
 }
 
 .first-letter\:text-3xl::first-letter {
@@ -5335,8 +5360,48 @@ html.theme-light .hero-name {
   }
 }
 
-@media (prefers-color-scheme: dark) {
-  .dark\:hover\:text-text:hover {
-    color: var(--text);
+@media (min-width: 1060px) {
+  .lg\:sticky {
+    position: sticky;
+  }
+
+  .lg\:top-24 {
+    top: 6rem;
+  }
+
+  .lg\:block {
+    display: block;
+  }
+
+  .lg\:grid {
+    display: grid;
   }
+
+  .lg\:hidden {
+    display: none;
+  }
+
+  .lg\:max-h-\[calc\(100vh-7rem\)\] {
+    max-height: calc(100vh - 7rem);
+  }
+
+  .lg\:grid-cols-\[16rem_minmax\(0\2c 1fr\)\] {
+    grid-template-columns: 16rem minmax(0,1fr);
+  }
+
+  .lg\:gap-10 {
+    gap: 2.5rem;
+  }
+
+  .lg\:self-start {
+    align-self: flex-start;
+  }
+
+  .lg\:overflow-y-auto {
+    overflow-y: auto;
+  }
+}
+
+.dark\:hover\:text-text:hover:where(html:not(.theme-light), html:not(.theme-light) *) {
+  color: var(--text);
 }