[lastobelus]

Outcome

Restores the intended lighter public heading hierarchy and keeps the home-page hero on exactly two lines at every supported responsive width.

Stack

• Base: Fable public-copy PR Polish focused-preview public copy #220 (t3code/fable-public-copy-polish)
• This is a narrow visual-QA child under umbrella PR Coordinate Ember Light public visual refresh #205.
• Fable can continue editing Polish focused-preview public copy #220 without widening its copy-only boundary; this child can be updated onto the resulting head.

Included

• Explicit 600 weight for public H1/H2 headings instead of browser-default 700.
• Container-relative hero type scaling so each forced sentence line fits its actual column.
• A non-wrapping line contract that preserves the existing intentional line break.
• A smooth one-column type size through the existing 720px breakpoint.
• Focused source assertions for the heading-weight and responsive contracts.

Boundary

This PR changes only public H1/H2 weight, home-page hero sizing, and their focused tests. It does not change Fable's copy, heading hierarchy, other typography, product UI, media, theme colors, or breakpoints.

Validation

• Every H1 and H2 on the home page and all six documentation pages computes to font-weight: 600.
• Browser-computed hero verification passed at 25 widths from 320px through 1440px, including both sides of the 360, 480, 620, 720, 900, and 1040px breakpoints.
• Every tested width produced exactly two hero line boxes and no heading or page overflow.
• Focused Pages tests: 18/18 pass.
• Full local CI: 934/934 tests pass, including packaged/native smoke.
• GitHub Verify (Node 24) passes.
• git diff --check passes.

Child of #220 and #205.

[lastobelus]

Work intent

phase: review
summary: "Public H1/H2 headings now compute to 600 and the hero remains exactly two lines across the finite responsive matrix; all checks pass."
touch-points:
  - docs/user/styles.css
  - test/docs-site.test.ts
done-when:
  - "The existing intentional hero break produces exactly two rendered line boxes with neither sentence wrapping."
  - "The hero H1 and public H2 headings compute to font-weight 600 rather than the browser-default 700."
  - "Rendered hero checks pass at the minimum supported 320px width, the annotated 375px width, every CSS breakpoint on both sides, and representative desktop widths through 1440px."
  - "Heading-weight checks cover the home page and every public documentation page."
  - "Focused Pages tests, full ci:local, GitHub CI, and git diff --check pass."
excludes:
  - "Changing Fable's copy, heading hierarchy, or typography outside public H1/H2 headings."
  - "Changing product UI, media, theme colors, or responsive layout breakpoints."
  - "Compatibility fallbacks for browsers outside the focused preview's current macOS support."
blocked-by:
  - "#220"
may-block:
  - "#205"
branch: "t3code/public-hero-two-line"

Completion: Completed with a clean exact-head review. Final head 1f0bf34 passed 935 tests and the packaged smoke test; it was squash-merged as 679d74d. The accepted two-line hero and 600-weight H1/H2 contract were preserved through the restack.

[chatgpt-codex-connector]

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review	Status	Commit	Review trigger
📝 Code Review	✅ Completed 2026-08-31T00:44:49.585528Z	1f0bf34	Draft marked ready

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.