/* Blue/ivory Kidney Buddy chapter submenu; safely scoped to the shared navigation. */
.site-header .nav .nav-kidney-menu {
  display:flex;align-items:center;position:relative;gap:3px;flex:0 0 auto;
}
.site-header .nav .nav-kidney-main{white-space:nowrap;}
.site-header .nav .nav-kidney-toggle{
  display:grid;place-items:center;width:25px;height:44px;padding:0;
  border:0;border-radius:8px;background:transparent;color:#e9eff6;
  cursor:pointer;opacity:.88;flex:0 0 25px;
}
.site-header .nav .nav-kidney-toggle:hover,
.site-header .nav .nav-kidney-toggle:focus-visible {background:rgba(255,255,255,.14);opacity:1;}
.site-header .nav .nav-kidney-chevron {
  display:block;width:7px;height:7px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);
  transition:transform .16s ease;
}
.site-header .nav .nav-kidney-menu.is-open .nav-kidney-chevron{transform:translateY(2px) rotate(225deg);}
.site-header .nav .nav-kidney-dropdown {
  position:absolute;top:calc(100% - 1px);left:-20px;z-index:200;
  display:flex;flex-direction:column;min-width:263px;max-width:320px;
  padding:12px;background:#fcfdff;border:1px solid #c2d5eb;
  border-radius:8px 8px 18px 18px;
  box-shadow:0 18px 35px rgba(12,38,72,.25);
  visibility:hidden;opacity:0;pointer-events:none;transform:translateY(8px);
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
  white-space:normal;
}
.site-header .nav .nav-kidney-menu.is-open .nav-kidney-dropdown {
  visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);
}
@media (hover:hover) and (min-width:851px){
  .site-header .nav .nav-kidney-menu:not(.is-dismissed):hover .nav-kidney-dropdown {
    visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);
  }
}
.site-header .nav .nav-kidney-dropdown .nav-kidney-menu-label {
  padding:6px 12px 10px;font:700 .62rem/1.35 Arial,Helvetica,sans-serif;
  color:#6685a7;letter-spacing:.15em;text-transform:uppercase;
}
.site-header .nav .nav-kidney-dropdown a,
.site-header .nav .nav-kidney-dropdown a.active{
  box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;
  border:0!important;border-radius:10px;padding:12px!important;
  margin:0!important;white-space:normal;
  font:600 .83rem/1.25 Arial,Helvetica,sans-serif;letter-spacing:0;
  text-transform:none;text-decoration:none;
  color:#183f68!important;opacity:1!important;
}
.site-header .nav .nav-kidney-dropdown a:hover,
.site-header .nav .nav-kidney-dropdown a:focus-visible,
.site-header .nav .nav-kidney-dropdown a.kb-subnav-active {
  color:#123659!important;background:#e7f0fb!important;
}
.site-header .nav .nav-kidney-dropdown .nav-chapter-number{
  color:#4a76a5;font:700 .72rem/1 Arial,Helvetica,sans-serif;letter-spacing:.06em;
}
/* Mobile uses a fixed popover so the scrolling navigation never clips it. */
@media(max-width:850px){
  .site-header .nav .nav-kidney-toggle{height:38px;min-width:26px;}
  .site-header .nav .nav-kidney-dropdown{
    position:fixed;top:var(--kidney-subnav-top,112px);
    left:var(--kidney-subnav-left,14px);
    width:min(300px,calc(100vw - 28px));min-width:0;max-width:none;
    border-radius:12px 12px 18px 18px;
    box-shadow:0 14px 34px rgba(15,40,73,.3);
  }
  .site-header .nav .nav-kidney-menu:not(.is-open) .nav-kidney-dropdown{
    visibility:hidden;opacity:0;pointer-events:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .site-header .nav .nav-kidney-dropdown,
  .site-header .nav .nav-kidney-chevron{transition:none;}
}
