Fit long guide titles to available width

[pelcasandra]

Summary

• keep guide-title words intact instead of breaking them at arbitrary characters
• measure the longest title word and reduce the heading only when it exceeds the available width
• recalculate the fit after font loading, viewport changes, and sidebar width changes
• preserve playbook avatar scaling through the heading line height
• update the published script integrity and Content Security Policy hashes

Why

Guide headings used overflow-wrap: anywhere, which allowed long words such as “conversaciones” to split across individual letters. This produced visually broken headings at narrower article widths.

Impact

Long guide titles now remain readable across responsive layouts. Titles that already fit keep their existing type size, while only overflowing titles are scaled down. Playbook avatars continue to scale with the resulting line height.

Validation

• yarn build
• desktop browser check for a long Spanish guide title
• mobile browser check for a long playbook title with an avatar

[netlify]

✅ Deploy Preview for legendary-lollipop-e2d131 ready!

Name	Link
🔨 Latest commit	bf4f93c
🔍 Latest deploy log	https://app.netlify.com/projects/legendary-lollipop-e2d131/deploys/6a7a0f176e2da5000869825f
😎 Deploy Preview	https://deploy-preview-67--legendary-lollipop-e2d131.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.