/* Keep phone navigation inside the visible viewport, independent of flex sizing
   and generic menu styles supplied by embeds. Desktop navigation is unchanged. */
@media (max-width:1024px), (hover:none) and (pointer:coarse) {
  #site-navigation{width:100%;max-width:100vw;height:64px;left:0;right:0;box-sizing:border-box}
  #site-navigation .brand{max-width:calc(100% - 184px);white-space:nowrap}
  #site-navigation #site-menu-toggle{
    display:flex!important;visibility:visible!important;opacity:1!important;
    position:absolute;top:10px;right:max(16px,env(safe-area-inset-right));
    width:82px;min-width:82px;height:44px;min-height:44px;margin:0;
    align-items:center;justify-content:center;gap:7px;padding:0;
    color:#f4e9d3;background:#17140f;border:1px solid #c79b5b;
    font:600 11px/1.2 var(--sans);letter-spacing:.06em;z-index:2;cursor:pointer;
    transform:none;clip-path:none;overflow:visible;pointer-events:auto;
  }
  #site-navigation .mobile-authors{
    display:flex!important;visibility:visible!important;opacity:1!important;
    position:absolute;right:max(110px,calc(env(safe-area-inset-right) + 94px));top:10px;
    height:44px;min-height:44px;align-items:center;font-size:10px;letter-spacing:.04em;
    color:#dfba77;white-space:nowrap;z-index:2;
  }
  #site-navigation #navlinks{position:absolute;top:64px;left:0;right:0;width:100%;margin:0;padding:16px;display:none;flex-direction:column;align-items:stretch;background:#090a0b;max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain}
  #site-navigation #navlinks.open{display:flex!important}
  #site-navigation #navlinks a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px;text-align:center}
  #site-navigation #navlinks a[href="/for-authors/"]{color:#edc888;border:1px solid #a8844666;background:#a8844612}
}
@media(max-width:370px){#site-navigation .brand{font-size:13px;letter-spacing:.1em}}