sizing

_sass/_custom.scss

@@ -1219,7 +1219,7 @@ blockquote {
    This is the single most important rule for the zoom-out bug on mobile. */
 html {
   overflow-x: hidden;
-  max-width: 100vw;
+  box-sizing: border-box;
 }
 
 body {
@@ -1233,7 +1233,7 @@ body {
 *,
 *::before,
 *::after {
-  max-width: 100%;
+  box-sizing: 100%;
   box-sizing: border-box;
 }
 
@@ -1274,24 +1274,19 @@ figure {
   z-index: 9999;
   width: 40px;
   height: 40px;
-  display: none; /* JS handles show/hide */
-  align-items: center;
-  justify-content: center;
+  /* No display rule here — JS toggles between none and block */
+  text-align: center;
+  line-height: 40px; /* vertically centers the SVG without needing flex */
   background: rgba(0, 0, 0, 0.65);
   border: var(--border-width) solid rgba(255, 255, 255, 0.35) !important;
   border-radius: 50%;
   color: rgba(255, 255, 255, 0.85) !important;
   text-decoration: none;
   transition: border-color var(--transition-normal), color var(--transition-normal), transform var(--transition-normal);
-  /* Keep it out of the layout flow entirely */
   margin: 0 !important;
   padding: 0 !important;
 }
 
-#scroll-to-top[style*="block"] {
-  display: flex !important;
-}
-
 #scroll-to-top:hover {
   border-color: rgba(255, 255, 255, 0.75);
   color: #ffffff !important;
@@ -1311,6 +1306,7 @@ figure {
     right: 1rem;
     width: 36px;
     height: 36px;
+    line-height: 36px; /* must match height */
   }
 }