XL landscape: revert tray to landscape style; fix sig-stage stretch

- Remove _tray.scss XL (≥1800px) portrait override block entirely
- _isLandscape() no longer returns false at ≥1800px — tray uses
  landscape slide-from-top at all wide landscape widths
- sig-stage: align-self: stretch (was center) so JS sizeSigCard()
  measures correct stage width; card size no longer collapses
- Position strip: horizontal row at top (was vertical column-reverse)
- sig-overlay/sig-stage/sig-deck-grid layout polish at 1100px/1800px

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/static_src/scss/_base.scss

@@ -193,6 +193,16 @@ body {
     }
 }
 
+@media (orientation: landscape) and (max-width: 1100px) {
+    body .container {
+        .navbar {
+            h1 {
+                font-size: 1rem !important;
+            }
+        }
+    }
+}
+
 @media (orientation: landscape) {
     $sidebar-w: 5rem;
 
@@ -265,12 +275,12 @@ body {
             .navbar-label { opacity: 0.7; }
         }
 
-        .btn-primary {
-            width: 4rem;
-            height: 4rem;
-            font-size: 0.875rem;
-            border-width: 0.21rem;
-        }
+        // .btn-primary {
+        //     width: 4rem;
+        //     height: 4rem;
+        //     font-size: 0.875rem;
+        //     border-width: 0.21rem;
+        // }
 
         // Login form: offset from fixed sidebars in landscape
         .input-group {
@@ -300,17 +310,23 @@ body {
         padding: 0 0.5rem;
     }
 
-    // Header row: compact in landscape
+    // Header row: h2 rotates into the left gutter (just right of the navbar border).
+    // position:fixed takes h2 out of flow; .row collapses to zero height automatically.
     body .container .row {
-        padding: 0.25rem 0;
-
-        .col-lg-6 h2 {
-            font-size: 1.5rem;
-            margin: 0 0 0.25rem;
-            letter-spacing: 0.4em;
-            text-align: center;
-            text-align-last: left;
-        }
+        padding: 0;
+        margin: 0;
+    }
+    body .container .row .col-lg-6 h2 {
+        position: fixed;
+        left: 5rem; // $sidebar-w — flush with the navbar right border
+        top: 50%;
+        transform: translateY(-50%) rotate(180deg);
+        writing-mode: vertical-rl;
+        font-size: 1.5rem;
+        letter-spacing: 0.4em;
+        margin: 0;
+        z-index: 85;
+        pointer-events: none;
     }
 
     // Footer → fixed right sidebar (mirrors navbar approach — explicit right boundary)
@@ -336,7 +352,8 @@ body {
             flex-direction: column-reverse;
             width: auto;
             max-width: none;
-            gap: 3rem;
+            gap: 1.5rem !important;
+            margin-bottom: 4rem;
 
             a {
                 font-size: 1.75rem;
@@ -348,13 +365,49 @@ body {
 
         .footer-container {
             position: absolute;
-            top: 0.75rem;
+            top: 0.25rem;
             text-align: center;
-            font-size: 1rem;
-            line-height: 1.4;
+            line-height: 0.75 !important;
             color: rgba(var(--secUser), 1);
 
             br { display: block; }
+
+            small {
+                font-size: 0.75rem !important;
+            }
+        }
+    }
+}
+
+@media (orientation: landscape) and (min-width: 700px) {
+    body .container .row .col-lg-6 h2 {
+        @media (min-height: 400px) {
+            font-size: 2.5rem;
+        }
+        @media (min-height: 500px) {
+            font-size: 3rem;
+        }
+    }
+
+    body #id_footer {
+        #id_footer_nav {
+            gap: 3rem !important;
+
+            a {
+                font-size: 1.75rem;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }
+        }
+
+        .footer-container {
+            line-height: 1;
+            margin-top: 0.5rem;
+
+            small {
+                font-size: 1rem;
+            }
         }
     }
 }
@@ -373,7 +426,7 @@ body {
 
         .navbar-brand h1  { font-size: 2.4rem; }
         .navbar-text      { font-size: 0.78rem; }  // 0.65rem × 1.2
-        .btn-primary      { width: 4rem; height: 4rem; font-size: 0.875rem; }
+        // .btn-primary      { width: 4rem; height: 4rem; font-size: 0.875rem; }
 
         .input-group {
             left:  $sidebar-xl;
@@ -386,23 +439,31 @@ body {
         margin-right: $sidebar-xl;
     }
 
-    // h2 page title: portrait-style — centred and full-size on a wide canvas
+    // h2 page title: keep vertical rotation; shift left to clear the wider XL navbar.
     body .container .row .col-lg-6 h2 {
-        font-size: 4rem;
-        letter-spacing: 1em;
-        text-align: center;
-        text-align-last: center;
+        left: 8rem; // $sidebar-xl
+        @media (min-height: 800px) {
+            font-size: 4.5rem;
+        }
     }
 
     body #id_footer {
         width: $sidebar-xl;
 
         #id_footer_nav {
-            gap: 8rem;
+            gap: 8rem !important;
             a { font-size: 3rem; }
         }
 
-        .footer-container { font-size: 0.85rem; }
+        .footer-container {
+            font-size: 0.85rem;
+            margin-top: 1rem;
+
+
+            small {
+                font-size: 1.2rem;
+            }
+        }
     }
 }