Fix code block font for event loop diagram

[Herrtian]

Uses the monospace stack for rendered code blocks so box-drawing diagrams stay aligned in Chrome.

Fixes #36.

Checks:

• npm.cmd run format:check
• npm.cmd run lint
• npm.cmd run build
• local browser check for the event loop page

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
nodejs-learn	Ready	Preview	May 29, 2026 8:09am

[cursor]

PR Summary

Low Risk
Presentation-only CSS in the page template with no logic or data impact.

Overview
Adds an inline rule in template.html so main pre code uses var(--font-mono) and regular weight instead of inheriting the body font.

This keeps ASCII/box-drawing diagrams (e.g. the event loop page) aligned in Chrome.

^{Reviewed by Cursor Bugbot for commit 36b0d4c. Bugbot is set up for automated code reviews on this repo. Configure here.}

[github-actions]

👋 Codeowner Review Request

The following codeowners have been identified for the changed files:

Team reviewers: @nodejs/nodejs-website

Please review the changes when you have a chance. Thank you! 🙏

[AugustinMauroy]

could you provide before after screenshot because I can't see diff

[avivkeller]

Changing the CSS is not the correct approach, rather, the code block should be changed. See #78.

[Herrtian]

Closing this since #78 is already taking the source-diagram approach the review points to.