[seyedalida]

Summary

• Safely isolate inline authored fonts in Claude stylesheet: Replace broad [style*="font-"], [style*="font-"] * selectors with :is([style*="font-family" i], [style*="font:" i]) in assets/styles/claude.css. This prevents ancestor inline style declarations containing CSS custom properties (such as --font-ui-size: 16px;) on <body> or outer wrappers from mistakenly excluding descendant readable text from FontARA font overrides.
• Match modern Claude message blocks: Add .standard-markdown, [class*="_blocks_"], and [data-cds="Prose"] to the message selector list in claude.css so that responses rendered in Claude's updated DOM structure receive --fontara-font alongside the existing serif fallback.
• Regression test coverage: Update browser injection regression tests to verify that chatbot stylesheets correctly apply font overrides to readable text even when ancestor elements define inline CSS variables.

Test plan

• Run pnpm check (biome formatting, lint, typecheck, and unit tests pass cleanly).
• Run node --test tests/browser/injection-regressions.test.mjs (all 16 Puppeteer browser tests pass).
• Run pnpm build:all (Chrome and Firefox MV3 release packages build and validate within budget).
• Run pnpm lint:extension (Firefox web-ext lint passes with the existing 5 allowed third-party notices).
• Manual verification in browser: Verified that Claude message paragraphs receive custom Persian fonts (Vazirmatn) while preserving LaTeX math formulas and code blocks.

🤖 Generated with Claude Code

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has insufficient remaining quota. Try requesting a review at a lower effort level.