/* WPI v63 — stable global mobile menu, isolated from course drawer */
.wpi63-menu-backdrop{display:none!important}

@media(max-width:820px){
  #wpi-v52-header{
    z-index:100050!important;
    isolation:isolate!important;
    transform:translateZ(0)!important;
  }
  #wpi-v52-header .wpi-actions,
  #wpi-v52-header .wpi-burger{
    position:relative!important;
    z-index:100052!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  #wpi-v52-header .wpi-burger{
    -webkit-user-select:none!important;
    user-select:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  #wpi-v52-header .wpi-burger span{pointer-events:none!important}

  #wpi-v52-mobile{
    display:block!important;
    position:fixed!important;
    z-index:100049!important;
    top:76px!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(92vw,390px)!important;
    height:calc(100dvh - 76px)!important;
    max-height:none!important;
    margin:0!important;
    padding:18px 16px max(34px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:#1d0c3c!important;
    border-left:1px solid rgba(195,137,60,.48)!important;
    box-shadow:-22px 0 55px rgba(5,1,12,.42)!important;
    transform:translate3d(105%,0,0)!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:transform .22s ease,opacity .18s ease,visibility .18s ease!important;
    will-change:transform!important;
  }
  #wpi-v52-mobile.open,
  html.wpi63-main-menu-open #wpi-v52-mobile,
  body.wpi63-main-menu-open #wpi-v52-mobile{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  #wpi-v52-mobile,
  #wpi-v52-mobile *{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  #wpi-v52-mobile>a,
  #wpi-v52-mobile summary,
  #wpi-v52-mobile details>div a,
  #wpi-v52-mobile .wpi-mobile-actions a{
    min-height:48px!important;
    position:relative!important;
    z-index:1!important;
    cursor:pointer!important;
  }

  .wpi63-menu-backdrop{
    display:block!important;
    position:fixed!important;
    z-index:100048!important;
    inset:76px 0 0!important;
    width:auto!important;
    height:auto!important;
    border:0!important;
    border-radius:0!important;
    margin:0!important;
    padding:0!important;
    background:rgba(7,2,15,.62)!important;
    box-shadow:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .18s ease,visibility .18s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  html.wpi63-main-menu-open .wpi63-menu-backdrop,
  body.wpi63-main-menu-open .wpi63-menu-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  html.wpi63-main-menu-open,
  body.wpi63-main-menu-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  /* Keep the course drawer below the global site menu. */
  .course-rail{z-index:100020!important}
  .wpi61-course-backdrop{z-index:100019!important}
  .wpi61-course-toggle{z-index:100018!important}

  body{touch-action:pan-y!important}
  button,a,summary{touch-action:manipulation!important}
}

@media(min-width:821px){
  .wpi63-menu-backdrop{display:none!important}
  html.wpi63-main-menu-open,body.wpi63-main-menu-open{overflow:auto!important}
}