/* MHUR NEXUS — FINAL V28 : Patch Notes mobile */
.mhurV28PatchSubtype{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:7px 0 10px!important;
  padding:5px 9px!important;
  border:1px solid rgba(255,224,0,.65)!important;
  border-radius:7px!important;
  background:rgba(255,224,0,.10)!important;
  color:#ffe95a!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.3!important;
  white-space:normal!important;
}

#s18NotesDevModalV10.s18NotesOverlayV10{
  overscroll-behavior:none!important;
  touch-action:none!important;
}

#s18NotesDevModalV10 .s18NotesPanelV10{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
}

#s18NotesDevModalV10 .s18NotesBodyV10{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
}

#s18NotesDevModalV10 .s18NotesBodyV10>main{
  min-width:0!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y pinch-zoom!important;
  scrollbar-gutter:stable!important;
}

#s18NotesDevModalV10 .s18NotesBodyV10>aside{
  min-width:0!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}

@media(max-width:900px){
  #s18NotesDevModalV10 .s18NotesPanelV10{
    height:calc(100dvh - var(--s18-header-offset,0px) - 16px)!important;
    max-height:calc(100dvh - var(--s18-header-offset,0px) - 16px)!important;
  }

  #s18NotesDevModalV10 .s18NotesBodyV10{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:max-content minmax(0,1fr)!important;
    height:auto!important;
    max-height:none!important;
    flex:1 1 0!important;
  }

  #s18NotesDevModalV10 .s18NotesBodyV10>aside{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding:9px!important;
    border-right:0!important;
    border-bottom:2px solid #2d496e!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:none!important;
    touch-action:pan-x pinch-zoom!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:thin!important;
  }

  #s18NotesDevModalV10 .s18NotesBodyV10>aside>button{
    flex:0 0 min(78vw,300px)!important;
    width:auto!important;
    min-width:min(78vw,230px)!important;
    max-width:300px!important;
    margin:0!important;
    scroll-snap-align:start!important;
    white-space:normal!important;
  }

  #s18NotesDevModalV10 .s18NotesBodyV10>main{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    padding:14px 12px 28px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    touch-action:pan-y pinch-zoom!important;
  }
}

@media(max-width:600px){
  #s18NotesDevModalV10 .s18NotesPanelV10{
    height:calc(100dvh - var(--s18-header-offset,0px) - 8px)!important;
    max-height:calc(100dvh - var(--s18-header-offset,0px) - 8px)!important;
  }

  #s18NotesDevModalV10 .s18NotesBodyV10>aside{
    padding:7px!important;
  }

  #s18NotesDevModalV10 .s18NotesBodyV10>aside>button{
    flex-basis:82vw!important;
    min-width:82vw!important;
  }

  #s18NotesDevModalV10 .s18NotesBodyV10>main{
    padding:12px 9px 32px!important;
  }

  .mhurV28PatchSubtype{
    width:100%!important;
    font-size:12px!important;
  }
}