/* Load after styles.css and page styles. Only initialized headers opt in. */
.nav-ready .site-nav-toggle,
.nav-ready .site-nav-saved-label{display:none}
.top.nav-ready,.home .top.nav-ready,.home .fbar.nav-ready{z-index:40}

@media(max-width:720px){
  html.site-nav-ready{--navh:64px;scroll-padding-top:80px}
  .top.nav-ready .in,.pg .top.nav-ready .in{
    height:64px;min-height:64px;display:flex;align-items:center;flex-wrap:nowrap;
    gap:10px;padding:10px 18px;
  }
  .top.nav-ready .wm,.home .fbar.nav-ready .wm{
    display:inline-flex;flex-shrink:0;gap:7px;font-size:19px;white-space:nowrap;
  }
  .top.nav-ready .wm span,.home .fbar.nav-ready .wm span{display:inline}
  .top.nav-ready .wm img,.home .fbar.nav-ready .wm img{width:25px;height:25px}
  .top.nav-ready .right,.home .fbar.nav-ready .r{
    display:flex;align-items:center;flex-shrink:0;gap:10px;margin-left:auto;
  }
  .top.nav-ready .right .create,
  .top.nav-ready .right .create[data-yourhay],
  .home .top.nav-ready .right .create[data-yourhay],
  .home .fbar.nav-ready .r .lk.signup,
  .home .fbar.nav-ready .r .mast-acct{
    display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
    height:44px;min-height:44px;padding:0 13px;font-size:13px;white-space:nowrap;
  }
  .home .fbar.nav-ready.nav-has-account .r .lk.signup{display:none}
  .nav-ready .site-nav-toggle{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    flex:none;gap:5px;width:44px;height:44px;min-height:44px;padding:5px 0;
    border:0;border-radius:4px;background:transparent;color:var(--on-dark,#f4f6f8);
    font:inherit;font-size:10px;line-height:1;cursor:pointer;
  }
  .nav-ready .site-nav-icon{width:19px;height:8px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
  .nav-ready .site-nav-toggle:focus-visible{outline:2px solid var(--gold,#fdb913);outline-offset:2px}
  .top.nav-ready .links,.home .fbar.nav-ready .links{
    display:none;order:3;flex:1 0 100%;min-width:0;min-height:0;margin:0;
    overflow:visible;padding:0;gap:0;
  }
  .top.nav-ready.nav-open .in,.pg .top.nav-ready.nav-open .in{
    height:auto;flex-wrap:wrap;row-gap:10px;
  }
  .top.nav-ready.nav-open .links,.home .fbar.nav-ready.nav-open .links{
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
    border-top:1px solid rgba(244,246,248,.2);padding-top:8px;padding-bottom:4px;
  }
  .top.nav-ready .links a,.home .fbar.nav-ready .links a,
  .top.nav-ready .links .mast-signin,.home .fbar.nav-ready .links .mast-signin,
  .top.nav-ready .links [data-goto="st-in"]{
    display:flex;align-items:center;justify-content:flex-start;min-height:44px;height:auto;
    padding:8px 0;border:0;border-radius:0;background:transparent;
    color:var(--on-dark,#f4f6f8);font-size:15px;line-height:1.5;text-decoration:none;white-space:normal;
  }
  .top.nav-ready .links a.on,.home .fbar.nav-ready .links a.on{
    color:var(--gold,#fdb913);box-shadow:none;
  }
  .top.nav-ready .links .mast-saved{
    position:static;display:flex;align-items:center;justify-content:flex-start;
    gap:8px;width:100%;height:44px;min-height:44px;padding:0;
    color:var(--on-dark,#f4f6f8);font-size:15px;opacity:1;
  }
  .top.nav-ready .links .mast-saved[hidden]{display:none!important}
  .top.nav-ready .links .site-nav-saved-label{display:inline;order:1}
  .top.nav-ready .links .mast-saved .ico{width:18px;height:18px}
  .top.nav-ready .links .mast-saved .ms-n{order:2;font-size:13px;min-width:18px;height:18px}
  .top.nav-ready:has(.mast-saved:not([hidden])) .links{padding-right:0;gap:0}
  .home .fbar.nav-ready{
    height:64px;min-height:64px;display:flex;align-items:center;flex-wrap:nowrap;
    gap:10px;padding:10px 12px;top:calc(8px + env(safe-area-inset-top,0px));
    width:calc(100% - 24px);
  }
  .home .fbar.nav-ready.nav-open{height:auto;flex-wrap:wrap;row-gap:10px}
}

@media(max-width:360px){
  .top.nav-ready .in,.pg .top.nav-ready .in{padding-inline:12px;gap:8px}
  .top.nav-ready .wm,.home .fbar.nav-ready .wm{font-size:17px;gap:6px}
  .top.nav-ready .wm img,.home .fbar.nav-ready .wm img{width:22px;height:22px}
  .top.nav-ready .right,.home .fbar.nav-ready .r{gap:6px}
  .top.nav-ready .right .create,.home .top.nav-ready .right .create,
  .home .fbar.nav-ready .r .lk.signup,.home .fbar.nav-ready .r .mast-acct{font-size:12px;padding-inline:10px}
  .home .fbar.nav-ready{padding-inline:10px;gap:6px}
  .top.nav-ready .mast-saved{position:static;right:auto;bottom:auto}
}