/* Homepage header for non-landing pages (currently /p/{short_link}).
   Mirror of the nav block in public/home.html <style> — same rules scoped
   under .homenav, plus the palette the landing <style> provides (content
   pages don't load it). Keep in sync when the landing header changes.
   Logo dark/light switching comes from cabinet-theme.css (global). */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
.homenav{
  --gold:#ee7514;--gold2:#ff9a2e;--muted:#b8aea4;--card:#141110;
  --line:#2b2624;--line2:#3a322d;
  --font:'Archivo',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);
  background:rgba(7,6,10,.82);border-bottom:1px solid var(--line);
}
[data-theme='light'] .homenav{
  --gold:#ee7514;--gold2:#8f4a05;--muted:#5d554d;--card:#ffffff;
  --line:#e4dccc;--line2:#d5c9b6;
}
.homenav .wrap{max-width:1020px;margin:0 auto;padding:0 24px}
.homenav a{color:inherit;text-decoration:none}
.homenav .navin{display:flex;align-items:center;gap:20px;padding:12px 0}
.homenav .navlogo img{height:39px;width:auto;display:block}
.homenav .navlinks{display:flex;gap:22px;margin-left:auto;font-size:16px;color:var(--muted);font-family:var(--font)}
.homenav .navlinks a:hover{color:var(--gold)}
[data-theme='light'] .homenav .navlinks a:hover{color:#8f4a05}
.homenav .lang-switch{position:relative;display:inline-block;flex:none}
.homenav .lang-switch__btn{display:inline-block;border:1px solid var(--line2);border-radius:999px;background:var(--card);
  padding:4px 10px;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--gold2);cursor:pointer;list-style:none}
.homenav .lang-switch__btn::-webkit-details-marker{display:none}
.homenav .lang-switch__btn::after{content:' ▾'}
.homenav .lang-switch__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:95;display:flex;flex-direction:column;min-width:100%;
  border:1px solid var(--line2);border-radius:12px;overflow:hidden;background:var(--card)}
.homenav .lang-switch__menu a{padding:6px 12px;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--gold2);text-decoration:none;white-space:nowrap}
.homenav .lang-switch__menu a:hover{background:var(--gold);color:#0b0910}
.homenav .navauth{display:flex;gap:10px;align-items:center;margin-left:6px}
.homenav .navlogin{font-size:16px;color:var(--muted);padding:8px 4px;font-family:var(--font)}
.homenav .navlogin:hover{color:var(--gold)}
[data-theme='light'] .homenav .navlogin:hover{color:#8f4a05}
.homenav .navsignup{font-family:var(--mono);font-size:12px;letter-spacing:.1em;border-radius:8px;padding:8px 13px;
  background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0b0910;font-weight:700;transition:.2s;
  box-shadow:0 0 16px rgba(238,117,20,.20);white-space:nowrap}
.homenav .navsignup:hover{transform:translateY(-1px);box-shadow:0 0 24px rgba(238,117,20,.38)}
[data-theme='light'] .homenav .navsignup{background:linear-gradient(135deg,#ff9a2e,#ee7514);color:#1d1917}
.homenav .navaccount{display:none;align-items:center;justify-content:center;width:30px;height:30px;
  border-radius:9px;background:var(--card);border:1px solid var(--line2);color:var(--gold2);transition:.2s}
.homenav .navaccount:hover{border-color:var(--gold)}
.homenav .navaccount svg{width:19px;height:19px;display:block}
.homenav .navlogin .navico{display:none;width:18px;height:18px;vertical-align:-3px;color:var(--gold2)}
.homenav .htoggle{flex:none;width:30px;height:30px;border-radius:9px;background:var(--card);border:1px solid var(--line2);
  color:var(--gold2);cursor:pointer;font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font);font-variant-emoji:text}
.homenav .htoggle:hover{border-color:var(--gold)}
@media(max-width:560px){.homenav .navauth{margin-left:auto}
  .homenav .navlinks{display:none}
  .homenav .navauth.nav-guest .navlogin,.homenav .navauth.nav-guest .navsignup{display:none}
  .homenav .navauth.nav-guest .navaccount{display:inline-flex}
  .homenav .navauth .navlogin .navtxt{display:none}
  .homenav .navauth .navlogin .navico{display:inline}}