/* 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}
}

/* WVS phone menu, 2026-10-23 (Claude WVS WEBSITE v2-02g). Phone only (max-width 900px); desktop untouched.
   Appended after the approved narrow-flyout block; that block is unchanged.
   The desktop word row hides on phones ONLY after the script has built the menu (html.wvs-pm). */
#wvs-pbar,#wvs-ppanel{display:none}
@media(max-width:900px){
  html.wvs-pm .est>.hdr .nav{display:none!important}
  html.wvs-pm body{padding-top:calc(56px + env(safe-area-inset-top,0px))!important}
  html.wvs-pm-open body{overflow:hidden!important}
  #wvs-pbar{
    display:flex;position:fixed;z-index:1000;top:0;left:0;right:0;
    height:56px;padding:env(safe-area-inset-top,0px) 12px 0;box-sizing:content-box;
    align-items:center;justify-content:space-between;gap:12px;
    background:rgba(23,38,72,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    box-shadow:0 1px 0 rgba(220,228,250,.14);
  }
  #wvs-pbar .wvs-pbook{
    display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;
    background:#bc9b46;color:#14203f!important;text-decoration:none;white-space:nowrap;
    font:600 13px/1 "Work Sans",system-ui,sans-serif;letter-spacing:.12em;
  }
  #wvs-pbar .wvs-pmenu{
    display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;
    padding:0 4px 0 10px;border:0;background:none;color:#fff;cursor:pointer;
    font:600 13px/1 "Work Sans",system-ui,sans-serif;letter-spacing:.14em;
    -webkit-tap-highlight-color:transparent;
  }
  .wvs-pico{position:relative;display:inline-block;width:22px;height:16px}
  .wvs-pico i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
  .wvs-pico i:nth-child(1){top:0}
  .wvs-pico i:nth-child(2){top:7px}
  .wvs-pico i:nth-child(3){top:14px}
  .wvs-pmenu[aria-expanded="true"] .wvs-pico i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .wvs-pmenu[aria-expanded="true"] .wvs-pico i:nth-child(2){opacity:0}
  .wvs-pmenu[aria-expanded="true"] .wvs-pico i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  #wvs-ppanel{
    display:block;position:fixed;z-index:999;left:0;right:0;bottom:0;
    top:calc(56px + env(safe-area-inset-top,0px));
    overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    background:#172648;padding:6px 0 calc(28px + env(safe-area-inset-bottom,0px));
  }
  #wvs-ppanel[hidden],#wvs-ppanel .wvs-psub[hidden]{display:none!important}
  .wvs-plist,.wvs-psub{list-style:none;margin:0;padding:0}
  .wvs-psec{border-bottom:1px solid rgba(220,228,250,.12)}
  .wvs-prow{display:flex;align-items:stretch}
  .wvs-ptop{
    flex:1;display:flex;align-items:center;min-height:56px;padding:0 20px;
    color:#fff!important;text-decoration:none;
    font:600 15px/1.2 "Work Sans",system-ui,sans-serif;letter-spacing:.16em;
  }
  .wvs-ptop.wvs-on{color:#d3bb82!important}
  .wvs-ptog{
    display:flex;align-items:center;justify-content:center;width:56px;min-height:56px;
    border:0;border-left:1px solid rgba(220,228,250,.12);background:none;color:#dce4fa;cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .wvs-ptog span{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
  .wvs-ptog[aria-expanded="true"] span{transform:translateY(2px) rotate(-135deg)}
  .wvs-psub{padding:0 0 10px}
  .wvs-psub a,.wvs-psub .wvs-poff{
    display:flex;align-items:center;min-height:48px;padding:0 20px 0 36px;
    color:#dce4fa!important;text-decoration:none;
    font:500 15px/1.2 "Work Sans",system-ui,sans-serif;letter-spacing:.04em;
  }
  .wvs-psub .wvs-poff{opacity:.5;pointer-events:none}
  #wvs-pbar a:focus-visible,#wvs-pbar button:focus-visible,#wvs-ppanel a:focus-visible,#wvs-ppanel button:focus-visible{outline:2px solid #dce4fa;outline-offset:-2px}
}
@media(prefers-reduced-motion:reduce){.wvs-pico i,.wvs-ptog span{transition:none}}