Fix inline code/kbd/samp/var vertical padding (picocss/pico#651). Align var padding with code elements.

Author: Amaury

CLAUDE.md

@@ -58,5 +58,6 @@ These µCSS rules exist to fix PicoCSS default behaviors:
 - `:where([role=group], [role=search]) + small` — Fix helper text not styled after input groups (picocss/pico#540, picocss/pico#700) — remove when fixed upstream
 - `[data-tooltip] { display: inline-block }` — Fix tooltip mispositioned on inline elements in Chromium (picocss/pico#678) — remove when fixed upstream
 - `[data-tooltip]::before { white-space: pre-line; max-width: 20rem }` — Fix tooltip overflow on long text, support explicit line breaks (picocss/pico#665, picocss/pico#715) — remove when fixed upstream
+- `code, kbd, samp { padding: 0.125rem 0.375rem }` — Fix inline code vertical padding too thick (picocss/pico#651) — remove when fixed upstream
 - PicoCSS sets `:where(table) { width: 100% }` — all tables are fullwidth by default, no `.table-fullwidth` class needed
 - PicoCSS `.outline` button style (3 colors) coexists with µCSS `.btn-outline` (11 colors) — different selectors, no conflict

css/mu.component.var.css

@@ -8,7 +8,7 @@ var {
 	font-size: 0.875em;
 	font-style: italic;
 	display: inline-block;
-	padding: 0.375rem;
+	padding: 0.125rem 0.375rem;
 	border-radius: var(--mu-border-radius);
 	background: var(--mu-code-background-color);
 	color: var(--mu-code-color);

css/mu.utilities.css

@@ -35,6 +35,11 @@ li ol {
 	max-width: 20rem;
 }
 
+/* PicoCSS bugfix: inline code vertical padding too thick (picocss/pico#651) — remove when fixed upstream */
+code, kbd, samp {
+	padding: 0.125rem 0.375rem;
+}
+
 /* Positioning */
 
 /* Stick to top on scroll (stays in document flow) */