/* Mobile menu for header.mast (index, hlth, evaluate, marketplace). Loaded after each page's own styles. */
.menu{display:none;flex:none;margin-left:auto;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;-webkit-tap-highlight-color:transparent}
.menu i{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .22s cubic-bezier(.2,.7,.2,1),opacity .18s}
.menu:focus-visible{outline:3px solid color-mix(in srgb,currentColor 40%,transparent);outline-offset:2px}
.menu[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu[aria-expanded="true"] i:nth-child(2){opacity:0;transform:scaleX(.2)}
.menu[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:860px){
  .menu{display:inline-flex}
  .mast{position:relative;z-index:30}
  .mast .wrap{flex-wrap:nowrap;gap:16px}
  .mast .tagline{display:none}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;width:auto;flex-direction:column;align-items:stretch;gap:0;padding:6px 20px 18px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 24px 40px -20px rgba(0,0,0,.25)}
  .mast.open .nav{display:flex;animation:nav-in .18s ease-out}
  .nav a{display:block;padding:15px 4px;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent);font-size:17px;line-height:1.3}
  .nav a:last-child{border-bottom:0}
  .nav .pill{display:inline-flex;justify-content:center;margin-top:14px;padding:13px 20px!important;border-bottom:0;font-size:16px}
}
@keyframes nav-in{from{transform:translateY(-6px)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.menu i,.mast.open .nav{transition:none;animation:none}}
