[codex] Fix WordPress guide styling

[bisonbet]

Summary

• Compact the WordPress guide <style> block into a single continuous CSS block so WordPress auto-paragraph formatting does not inject </p><p> into the stylesheet.
• Add a short maintainer note explaining why the CSS must stay compact when pasted into WordPress.
• Add the .singular .entry-header selector to the existing Twenty Twenty page-title hiding rule.

Diagnosis

The live page at https://www.bisonnetworking.com/bisonnotes-ai/ had the guide content, but WordPress inserted literal paragraph tags inside the <style> block. That caused the guide stylesheet to stop applying, so the Twenty Twenty theme controlled the page title, hero, heading sizes, cards, and callout formatting.

Validation

• Inspected the hosted page in the browser and confirmed the live .bn wrapper existed while hero/heading/card styles were being overridden by the theme.
• Confirmed the new local style tag has zero internal newlines, no <p>/</p> tags, and still contains the key .bn-hero, .bn h2, and .singular .entry-header rules.
• Ran git diff --check.

No app build or Swift tests were run because this is a WordPress HTML documentation-only change.

[Copilot]

Pull request overview

This PR updates the WordPress “BisonNotes AI” user guide HTML so its embedded stylesheet survives WordPress auto-paragraph formatting, restoring the intended guide layout and overriding the Twenty Twenty theme’s default title/header styling.

Changes:

• Replaces the multi-line <style> block with a single compact/minified CSS line to avoid WordPress inserting paragraph tags inside the stylesheet.
• Adds maintainer comments explaining why the CSS must remain compact for WordPress pasting.
• Extends the Twenty Twenty title/header hiding rule to include the .singular .entry-header selector.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.