body {
   height: 100%;
/*   overflow: hidden;*/ /*Uncomment this to disable scrolling for entire site*/ 
   --body-font: "Segoe UI Variable", "Segoe UI", sans-serif;
   font-family: var(--body-font);
   font-size: var(--type-ramp-base-font-size);
   line-height: var(--type-ramp-base-line-height);
   margin: 0;
}

.layout {
   max-height: 100vh;
   overflow: hidden;
}

.main {
   min-height: calc(100dvh - 86px);
   color: var(--neutral-foreground-rest);
   align-items: stretch !important;
}

.navmenu-icon {
   display: none;
}


.body-content {
   align-self: stretch;
   height: unset !important;
   flex: 1 1 auto;
   display: flex;
}

.content {
   padding: 0.5rem 1.5rem;
   align-self: stretch !important;
   width: 100%;
   overflow-y: auto;
   overflow-x: hidden;
}

.manage {
   width: 100dvw;
}

.footer {
   display: flex !important;
   flex-direction: row !important;
   background: var(--neutral-layer-4);
   color: var(--neutral-foreground-rest) !important;
   padding: 10px 10px;
   margin-top: 0px !important;
}

   .footer .version a {
      color: var(--neutral-foreground-rest);
      text-decoration: none;
   }

      .footer .version a:focus {
         outline: 1px dashed;
         outline-offset: 3px;
      }

      .footer .version a:hover {
         text-decoration: underline;
      }

@media (max-width: 600px) {
   .main {
      flex-direction: column !important;
      row-gap: 0 !important;
   }

   nav.sitenav {
      width: 100%;
      height: 100%;
   }

   #main-menu {
      width: 100% !important;
   }

      #main-menu > div:first-child:is(.expander) {
         display: none;
      }

   .navmenu {
      width: 100%;
   }

   #navmenu-toggle {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
   }

      #navmenu-toggle ~ nav {
         display: none;
      }

      #navmenu-toggle:checked ~ nav {
         display: block;
      }

   .navmenu-icon {
      cursor: pointer;
      z-index: 10;
      display: block;
      position: absolute;
      top: 15px;
      right: 20px;
      width: 20px;
      height: 20px;
      border: none;
   }
}