Wrap long words

Author: daviduhden

articles/linux-hardening.html

@@ -11,7 +11,6 @@
 <body>
   <header>
     <h1>Linux Hardening Guide</h1>
-
     <nav>
       <ul>
         <li>

contact.html

@@ -11,7 +11,6 @@
 <body>
   <header>
     <h1>Contact Us</h1>
-
     <nav>
       <ul>
         <li>

index.html

@@ -11,7 +11,6 @@
 <body>
   <header>
     <h1>The Cyberpunk Handbook</h1>
-
     <nav>
       <ul>
         <li>

license.html

@@ -11,7 +11,6 @@
 <body>
   <header>
     <h1>License</h1>
-
     <nav>
       <ul>
         <li>

manifesto.html

@@ -11,7 +11,6 @@
 <body>
   <header>
     <h1>Manifesto</h1>
-
     <nav>
       <ul>
         <li>

styles.css

@@ -83,6 +83,29 @@ body {
   padding: var(--pad-y) var(--pad-x);
 }
 
+/* Ensure very long words can break and wrap to the next line for readability */
+html, body, p, li, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  hyphens: auto;
+}
+
+/* Protect code and pre from forced breaks */
+code, pre, kbd, samp {
+  overflow-wrap: normal;
+  word-break: normal;
+  hyphens: none;
+}
+
+pre {
+  white-space: pre;
+  overflow-x: auto;
+}
+
+code {
+  white-space: pre-wrap;
+}
+
 /*
  * Link Styles
  * Color and hover effect for all links.