From 431e329490952f514ffcf35923ee860ea527b145 Mon Sep 17 00:00:00 2001
From: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com>
Date: Fri, 26 Dec 2025 05:53:38 -0500
Subject: [PATCH 1/2] enable h1-3 wrapdown to prevent long function strings
 from breaking page width on mobile

Signed-off-by: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com>
---
 source/stylesheets/screen.css.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/source/stylesheets/screen.css.scss b/source/stylesheets/screen.css.scss
index 7af4df7..8f166e4 100644
--- a/source/stylesheets/screen.css.scss
+++ b/source/stylesheets/screen.css.scss
@@ -390,6 +390,10 @@ html, body {
     margin-bottom: 0.8em;
   }
 
+  // Ensure long operation names wrap on small screens
+  h1, h2, h3 {
+    overflow-wrap: anywhere;
+  }
 
   h4, h5, h6 {
     font-size: 15px;

From 5044f7bcbf9cab3ea20243c8287d7494b25269e9 Mon Sep 17 00:00:00 2001
From: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com>
Date: Fri, 26 Dec 2025 05:56:45 -0500
Subject: [PATCH 2/2] Add space under .highlight on mobile so it isn't directly
 touching content underneath it

Signed-off-by: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com>
---
 source/stylesheets/screen.css.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/source/stylesheets/screen.css.scss b/source/stylesheets/screen.css.scss
index 8f166e4..003bb64 100644
--- a/source/stylesheets/screen.css.scss
+++ b/source/stylesheets/screen.css.scss
@@ -613,6 +613,10 @@ html, body {
   %right-col + %left-col {
     margin-top: $main-padding;
   }
+
+  .highlight { 
+    margin-bottom: 1em; 
+  }
 }
 
 .highlight .c, .highlight .cm, .highlight .c1, .highlight .cs {