/* v1.0.1: Accessible mobile homepage menu. JS adds the hfh-mobile-ready class
   only after constructing the button, so navigation remains visible if JS fails. */
@media(max-width:700px){
  #hf-site .hf-top-nav.hfh-mobile-ready{position:relative;}
  #hf-site .hf-top-nav.hfh-mobile-ready .hfh-menu-button{
    display:inline-flex;align-items:center;justify-content:center;flex:none;
    width:46px;height:44px;padding:0;border:1px solid #7accc57d;
    border-radius:11px;background:#153b49;color:#ffffff;
    font-size:27px;line-height:1;cursor:pointer;
  }
  #hf-site .hf-top-nav.hfh-mobile-ready .hfh-menu-button:focus-visible{
    outline:3px solid #37c9b5;outline-offset:3px;
  }
  #hf-site .hf-top-nav.hfh-mobile-ready .hf-nav-links{display:none!important;}
  #hf-site .hf-top-nav.hfh-mobile-ready.hfh-mobile-open .hf-nav-links{
    display:flex!important;position:absolute;z-index:10000;
    top:calc(100% - 1px);right:0;left:0;
    flex-direction:column;align-items:stretch;gap:0;
    padding:9px 12px;border:1px solid #75c5bf40;
    border-radius:12px;background:#0b3040;
    box-shadow:0 15px 32px #001f30a8;
  }
  #hf-site .hf-top-nav.hfh-mobile-ready.hfh-mobile-open .hf-nav-links>a{
    display:flex!important;align-items:center;justify-content:flex-start;
    min-height:45px;padding:10px 13px;color:#f3fafa;
    width:100%;border-radius:7px;font-size:15px!important;
    text-decoration:none;
  }
  #hf-site .hf-top-nav.hfh-mobile-ready.hfh-mobile-open .hf-nav-links>a:focus-visible,
  #hf-site .hf-top-nav.hfh-mobile-ready.hfh-mobile-open .hf-nav-links>a:hover{
    background:#1b5560;outline:none;
  }
  #hf-site .hf-top-nav.hfh-mobile-ready.hfh-mobile-open .hf-nav-links>a.hf-nav-cta{
    margin:7px 0 4px;background:#37c9b5;color:#072b35!important;
    font-weight:750;justify-content:center;
  }
}
@media(min-width:701px){#hf-site .hfh-menu-button{display:none!important;}}