Keep sliding menu above news summaries

1 files changed, 4 insertions, 2 deletions

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index 0a88fab..22fb053 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -270,13 +270,15 @@ footer.legal {
 
     header.slidingmenu {
         position: relative;
+        /* Bump this whenever the z-index arms race in <main> escalates. */
+        --slidingmenu-z-index: 2;
     }
     header.slidingmenu > input {
         position: relative;
         width: 100%;
         height: 100%;
         margin: 0;
-        z-index: 3;
+        z-index: calc(var(--slidingmenu-z-index) + 1);
         opacity: 0;
         cursor: pointer;
     }
@@ -311,7 +313,7 @@ footer.legal {
         transform-origin: left;
         transform: translate(-100vw);
         transition: transform 0.5s;
-        z-index: 1;
+        z-index: var(--slidingmenu-z-index);
 
         display: grid;
         grid-template-columns: 3rem 1fr 3.6rem;