/* kozeni collapsible side menu v1 */
.menu-trigger{
  position:fixed !important;
  left:14px !important;
  top:14px !important;
  z-index:160 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  border:1px solid rgba(34,140,98,.18) !important;
  background:rgba(255,255,255,.94) !important;
  color:var(--ia-green, var(--deep, #228C62)) !important;
  border-radius:999px !important;
  padding:9px 14px !important;
  font-size:13px !important;
  font-weight:950 !important;
  box-shadow:0 12px 30px rgba(34,140,98,.12) !important;
  backdrop-filter:blur(12px) !important;
  cursor:pointer !important;
}

.menu-trigger:hover{
  transform:translateY(-1px);
}

.site-shell{
  display:block !important;
  min-height:100vh;
}

.page-main{
  min-width:0;
  width:100%;
}

.side-menu{
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  width:min(320px, 86vw) !important;
  height:100vh !important;
  z-index:150 !important;
  padding:64px 18px 26px !important;
  background:rgba(255,255,255,.97) !important;
  border-right:1px solid rgba(34,140,98,.14) !important;
  box-shadow:20px 0 70px rgba(34,40,49,.16) !important;
  backdrop-filter:blur(18px) !important;
  overflow:auto !important;
  transform:translateX(-108%) !important;
  transition:transform .2s ease !important;
}

body.menu-open .side-menu{
  transform:translateX(0) !important;
}

body.menu-open::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:140;
  background:rgba(34,40,49,.22);
}

body.menu-open .menu-trigger{
  background:var(--ia-green, var(--deep, #228C62)) !important;
  color:#fff !important;
}

.side-link span{
  pointer-events:none;
}

@media(min-width:1081px){
  .menu-trigger{
    display:inline-flex !important;
  }

  .side-menu{
    transform:translateX(-108%) !important;
  }

  body.menu-open .side-menu{
    transform:translateX(0) !important;
  }
}