Improve code and text readability

[codoom1]

What changed

• Replaced conflicting Bootstrap code backgrounds with one solid, high-contrast code treatment.
• Removed legacy bg-light/bg-dark utilities directly from synthetic code and console output blocks.
• Wrapped long code safely inside its own container so it cannot widen cards or clip surrounding text on mobile.
• Removed content-area backdrop blur and replaced translucent sticky/hero panels with opaque surfaces.
• Simplified interpretation-guide gradients, hover movement, notes, tables, and actions for consistent readability.
• Added explicit high-contrast semantic text colors.

Additional production fix

• Interpretation guides now fall back to explanatory diagnostic placeholders when optional offline plotting libraries such as statsmodels are not installed, instead of rendering an error page.

Root cause

Page-specific styles and Bootstrap utility classes competed with the new design system. In the synthetic R example, the computed result was near-white code text on a light background. Long preformatted lines could also contribute intrinsic width to parent cards.

Verification

• Browser-rendered desktop inspection of model details and interpretation guides
• Chrome device emulation at 390px: document width equals viewport width with no overflowing elements
• Computed visible code colors: rgb(11, 31, 51) background and rgb(237, 247, 250) text
• python -m pytest -q tests/ — 120 passed
• Focused main-route and integration tests — 35 passed
• Strict Python undefined-name/syntax lint — passed
• git diff --check — passed

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
statistical-model-suggester	Ready	Preview, Comment	Jul 24, 2026 11:40pm

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.