add overflow-wrap:break-word to enforce text wrapping

Author: fennifith

src/styles/text-styles.scss

@@ -37,6 +37,12 @@
 
 :root {
 	font-family: var(--pfp-font-family);
+
+	// Prevent long text from overflowing if there are no acceptable break points
+	// (this is necessary as Chrome/etc have different text wrap behavior)
+	// https://github.com/playfulprogramming/playfulprogramming/issues/1213
+	// https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap
+	overflow-wrap: break-word;
 }
 
 :where(.text-style-headline-1) {