fix: code block alignment and backticks around inline codeHEADmaster

The line number column took a share of the spare table width, pushing the
code to the right. Typography's literal backticks showed around inline
code, which already has its own box.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

3 files changed, 18 insertions, 0 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 cb92172..afa3039 100644
--- a/assets/css/main.min.css
+++ b/assets/css/main.min.css
@@ -5067,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);
 }