/* Shared public navigation. The signed-in product topbar has its own styling. */
@font-face{font-family:DormyNav;src:url('/assets/landing/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--public-nav-bg:#b84038;--public-nav-cream:#fff4ec;--public-nav-ink:#2c211c;--public-nav-height:68px}
body .dormy-public-nav:is(.masthead,.legal-header,.help-header,.site-header,.public-profile-nav,.public-token-nav),
#auth-panel .auth-masthead.dormy-public-nav{
  box-sizing:border-box;display:block;height:var(--public-nav-height);min-height:var(--public-nav-height);padding:0;
  background:var(--public-nav-bg);color:var(--public-nav-cream);
  border:0;border-bottom:1px solid rgba(44,33,28,.12);border-radius:0;box-shadow:none;backdrop-filter:none;
  font-family:DormyNav,Inter,system-ui,sans-serif;z-index:30;
}
body .dormy-public-nav:is(.masthead,.site-header){position:sticky;top:0}
body .dormy-public-nav .public-nav-inner,
#auth-panel .dormy-public-nav .public-nav-inner{
  box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;
  width:min(1120px,calc(100% - 48px));height:100%;min-height:0;margin:0 auto;padding:0;
}
body .dormy-public-nav .public-nav-brand,
#auth-panel .dormy-public-nav .public-nav-brand{
  display:inline-flex;align-items:center;flex:0 0 auto;gap:0;width:174px;min-width:0;height:48px;margin:0;padding:0;
  border:0;background:none;color:var(--public-nav-cream);font-size:0;text-decoration:none;mix-blend-mode:normal;
}
body .dormy-public-nav .public-nav-brand img,
#auth-panel .dormy-public-nav .public-nav-brand img{
  display:block;width:174px;max-width:100%;height:48px;max-height:none;object-fit:contain;mix-blend-mode:normal;
}
body .dormy-public-nav .public-nav-brand>span{display:none}
body .dormy-public-nav .public-nav-actions,
#auth-panel .dormy-public-nav .public-nav-actions{
  display:flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;justify-content:flex-end;gap:10px;margin:0;padding:0;
}
body .dormy-public-nav .public-nav-context{display:flex;align-items:center;gap:20px;margin-right:12px}
body .dormy-public-nav .public-nav-actions :is(a,button),
#auth-panel .dormy-public-nav .public-nav-actions :is(a,button){
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:10px 12px;border:1px solid transparent;border-radius:4px;background:transparent;
  color:var(--public-nav-cream);font-family:DormyNav,Inter,system-ui,sans-serif;font-size:13px;font-weight:650;
  line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;opacity:1;
  transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,transform 120ms ease;
}
body .dormy-public-nav .public-nav-context a{padding-inline:0}
body .dormy-public-nav .public-nav-actions :is(a,button):hover,
#auth-panel .dormy-public-nav .public-nav-actions :is(a,button):hover{background:rgba(255,244,236,.12);color:var(--public-nav-cream)}
body .dormy-public-nav .public-nav-actions :is(.signup,.public-nav-signup),
#auth-panel .dormy-public-nav .public-nav-actions :is(.signup,.public-nav-signup){
  border-color:var(--public-nav-cream);background:var(--public-nav-cream);color:var(--public-nav-ink);padding-inline:16px;
}
body .dormy-public-nav .public-nav-actions :is(.signup,.public-nav-signup):hover,
#auth-panel .dormy-public-nav .public-nav-actions :is(.signup,.public-nav-signup):hover{border-color:#fffaf6;background:#fffaf6;color:var(--public-nav-ink)}
body .dormy-public-nav .public-nav-actions :is(a,button):active,
#auth-panel .dormy-public-nav .public-nav-actions :is(a,button):active{transform:scale(.98)}
body .dormy-public-nav :is(a,button):focus-visible,
#auth-panel .dormy-public-nav :is(a,button):focus-visible{outline:2px solid var(--public-nav-cream);outline-offset:4px}
body .public-profile-screen,body .public-token-screen{padding-top:var(--public-nav-height)}
body:has(>.legal-header.dormy-public-nav),body:has(>.help-header.dormy-public-nav){padding-top:var(--public-nav-height)}
@media(max-width:700px){
  :root{--public-nav-height:calc(64px + env(safe-area-inset-top, 0px))}
  body .dormy-public-nav:is(.masthead,.legal-header,.help-header,.site-header,.public-profile-nav,.public-token-nav),
  #auth-panel .auth-masthead.dormy-public-nav{padding-top:env(safe-area-inset-top, 0px)}
  body .dormy-public-nav .public-nav-inner,#auth-panel .dormy-public-nav .public-nav-inner{width:calc(100% - 32px);gap:12px;flex-direction:row;align-items:center}
  body .dormy-public-nav .public-nav-brand,#auth-panel .dormy-public-nav .public-nav-brand{width:140px;height:42px}
  body .dormy-public-nav .public-nav-brand img,#auth-panel .dormy-public-nav .public-nav-brand img{width:140px;height:42px}
  body .dormy-public-nav .public-nav-context{display:none}
  body .dormy-public-nav .public-nav-actions,#auth-panel .dormy-public-nav .public-nav-actions{gap:4px}
  body .dormy-public-nav .public-nav-actions :is(a,button),#auth-panel .dormy-public-nav .public-nav-actions :is(a,button){font-size:12px;padding-inline:10px}
  body .dormy-public-nav .public-nav-actions :is(.signup,.public-nav-signup){padding-inline:12px}
}
@media(max-width:560px){
  body:has(>.legal-header.dormy-public-nav),body:has(>.help-header.dormy-public-nav){padding-top:0}
  body .dormy-public-nav:is(.legal-header,.help-header){position:sticky;top:0}
}
@media(max-width:380px){
  body .dormy-public-nav .public-nav-inner,#auth-panel .dormy-public-nav .public-nav-inner{width:calc(100% - 24px);gap:8px}
  body .dormy-public-nav .public-nav-brand,#auth-panel .dormy-public-nav .public-nav-brand{width:124px}
  body .dormy-public-nav .public-nav-brand img,#auth-panel .dormy-public-nav .public-nav-brand img{width:124px}
}
@media(prefers-reduced-motion:reduce){
  body .dormy-public-nav .public-nav-actions :is(a,button),
  #auth-panel .dormy-public-nav .public-nav-actions :is(a,button){transition:none}
  body .dormy-public-nav .public-nav-actions :is(a,button):active,
  #auth-panel .dormy-public-nav .public-nav-actions :is(a,button):active{transform:none}
}