Update styling in howto-mini.html for improved background and code presentation

Author: sylvain-guillet

docs/howto-mini.html

@@ -6,11 +6,12 @@
   <title>IO Aerospace MCP Server – Quick How To</title>
   <style>
     :root { color-scheme: light dark; }
+    html, body { background: transparent !important; }
     body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Arial, sans-serif; line-height: 1.5; margin: 0; }
     main { max-width: 860px; margin: 0 auto; padding: 28px 16px 56px; }
     h2, h3 { margin: 0 0 12px; line-height: 1.2; color: #B38B4F; }
     section { margin: 20px 0 24px; }
-    pre { background: rgba(127,127,127,.12); padding: 10px 12px; border-radius: 8px; overflow: auto; }
+    pre { /* no background to inherit page bg */ padding: 10px 12px; border-radius: 8px; overflow: auto; }
     code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; font-size: 0.95em; }
     ul { margin: 8px 0 0 18px; }
     p { color: #8A8A8A; }