/* WVS 02g, 2026-10-09: isolated narrow-screen flyout clearance.
   The approved main menu, its font/letters, animation, desktop geometry,
   shared-shell.css, and all other page bodies remain unchanged. */
.nav .ni > .dd .wvs-pcc-directory-pending {
  display:block;
  padding:4px 0;
  white-space:nowrap;
  font:500 11px/1.16 "Work Sans",sans-serif;
  letter-spacing:.145em;
  color:#DCE4FA;
  text-shadow:0 1px 12px rgba(3,8,26,.92),0 0 2px rgba(3,8,26,.95);
  opacity:.52;
  cursor:default;
  pointer-events:none;
}
@media(max-width:900px){
  .est>.hdr .nav,.est>.hdr .nav>.ni {position:static!important}
  .est>.hdr .nav>.ni>.dd{
    position:absolute!important;
    top:calc(100% + 12px)!important;
    left:30px!important;right:auto!important;
    translate:none!important;margin-top:0!important;
    max-width:calc(100vw - 62px)!important;
    z-index:300!important;
  }
  .est>.hdr .nav>.ni:not(.wvs-narrow-open)>.dd{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .est>.hdr .nav>.ni.wvs-narrow-open>.dd{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
  }
  .est>.hdr:has(.nav>.ni:nth-child(1).wvs-narrow-open){margin-bottom:155px!important}
  .est>.hdr:has(.nav>.ni:nth-child(2).wvs-narrow-open){margin-bottom:130px!important}
  .est>.hdr:has(.nav>.ni:nth-child(3).wvs-narrow-open){margin-bottom:106px!important}
  .est>.hdr:has(.nav>.ni:nth-child(4).wvs-narrow-open){margin-bottom:106px!important}
  .est>.hdr:has(.nav>.ni:nth-child(5).wvs-narrow-open){margin-bottom:245px!important}
}
