set global body wrapping policy for ordinary text

Long unbroken text (currently seen with URLs in the architecture page) can force
horizontal page overflow on mobile.

Apply `overflow-wrap: break-word` at the `body` level as a global safeguard and
default policy: regular content should wrap rather than widen the viewport.

This is intentionally global instead of targeting specific elements, so new
non-specialized content also gets safe wrapping by default.

Specialized components (for example code blocks and tables) can keep their own
overflow behavior where preserving layout/fidelity is more important.

Author: ritorhymes

assets/sass/main.scss

@@ -4,6 +4,7 @@ body {
   background-image: linear-gradient(#d7cdc0ff, #fdf7f6ff);
   margin-right: 10%;
   margin-left: 10%;
+  overflow-wrap: break-word;
 }
 .block {
   background-color: rgb(247, 243, 239);