horiztonal scrolling + scroll to top

_sass/_custom.scss

@@ -14,7 +14,7 @@
   --text-muted: #bfbfbf;
   --border-white: #ffffff;
   
-  /* COLORS - Accent (use sparingly!) */
+  /* COLORS  */
   --accent-blue: #4da3ff;
   --accent-blue-dim: #3d8ace;
   --accent-blue-subtle: rgba(77, 163, 255, 0.15);
@@ -38,7 +38,7 @@
   --letter-spacing-wider: 0.16em;
   --letter-spacing-widest: 0.18em;
   
-  /* SPACING SCALE (consistent increments) */
+  /* SPACING SCALE */
   --space-xs: 0.25rem;      /* 4px */
   --space-sm: 0.5rem;       /* 8px */
   --space-md: 1rem;         /* 16px */
@@ -48,8 +48,8 @@
   --space-3xl: 3rem;        /* 48px */
   
   /* BORDERS & RADIUS */
-  --border-radius: 4px;     /* consistent everywhere */
-  --border-radius-lg: 10px; /* only for home title box */
+  --border-radius: 4px;     
+  --border-radius-lg: 10px;
   --border-width: 1px;
   --border-color-subtle: rgba(255, 255, 255, 0.18);
   --border-color-normal: rgba(255, 255, 255, 0.35);
@@ -1230,15 +1230,17 @@ body {
 *::after {
   box-sizing: border-box;
 }
+
 main,
-main > *:not(.dropdown-menu):not(.modal) {
+main > *:not(.dropdown-menu):not(.modal):not(#scroll-to-top) {
   max-width: 100%;
 }
 
-img {
+img:not(#scroll-to-top *) {
   max-width: 100%;
   height: auto;
 }
+
 figure {
   max-width: 100% !important;
 }
@@ -1248,7 +1250,7 @@ figure {
     display: block !important;
   }
 
-  /* The grid figures on Soakies (side-by-side photos) stack on mobile */
+
   figure[style*="grid-template-columns"] {
     display: block !important;
   }
@@ -1283,10 +1285,12 @@ figure {
 /* ============================================================================
    LONG LINKS & BIBLIOGRAPHY - OVERFLOW FIX
    ============================================================================ */
+
 a {
   word-wrap: break-word;
   overflow-wrap: break-word;
 }
+
 .bibliography,
 h3 + ol,
 h3 + ul,
@@ -1296,7 +1300,7 @@ h3 + p {
   word-wrap: break-word;
   overflow-wrap: break-word;
 }
-/* Footnotes */
+
 .footnotes {
   overflow-x: hidden;
   max-width: 100%;
@@ -1315,11 +1319,13 @@ h3 + p {
   overflow-wrap: break-word;
   max-width: 100%;
 }
+
 .footnote-ref,
 .footnote-backref {
   word-wrap: break-word;
   overflow-wrap: break-word;
 }
+
 p, li, td {
   word-wrap: break-word;
   overflow-wrap: break-word;