/* ──────────────────────────────────────────────────────────────
   SHARED mobile navigation (hamburger + dropdown panel).
   Desktop nav is untouched — this only activates at ≤640px, the
   same breakpoint where the inline links were previously hidden.

   Pair with assets/nav.js, which injects the burger button and a
   panel cloned from the page's existing .nav .navlinks, so every
   page keeps its own correct links with no markup duplication.

   Load on every page:
     <link rel="stylesheet" href="/assets/nav.css?v=1">
     <script defer src="/assets/nav.js?v=1"></script>
   ────────────────────────────────────────────────────────────── */

/* hamburger button — hidden on desktop, shown on small screens */
.nav-burger{
  display:none; align-items:center; justify-content:center;
  width:44px; height:44px; padding:0; cursor:pointer;
  background:#fff; color:var(--ink,#10243F);
  border:1.5px solid var(--line-2,#DCE3EE); border-radius:10px;
  -webkit-tap-highlight-color:transparent;
}
.nav-burger:hover{ border-color:var(--blue,#1C5FE5); color:var(--blue,#1C5FE5) }
.nav-burger:focus-visible{ outline:2px solid var(--blue,#1C5FE5); outline-offset:2px }
.nav-burger svg{ display:block; width:22px; height:22px }

/* dropdown panel — anchored under the bar, top-right */
.nav-menu{
  position:absolute; top:100%; right:16px; margin-top:8px;
  min-width:210px; max-width:calc(100vw - 32px);
  background:#fff; border:1px solid var(--line-2,#DCE3EE); border-radius:14px;
  box-shadow:0 14px 36px rgba(11,37,69,.18);
  padding:8px; z-index:300; display:flex; flex-direction:column; gap:2px;
}
.nav-menu[hidden]{ display:none }
.nav-menu a{
  font-family:var(--font,"Plus Jakarta Sans",system-ui,-apple-system,sans-serif);
  font-weight:600; font-size:15px; color:var(--ink,#10243F);
  text-decoration:none; padding:12px 14px; border-radius:9px; line-height:1.2;
}
.nav-menu a:hover{ background:#F1F3F7; color:var(--blue,#1C5FE5) }
/* all panel links share the same plain style — Tools is just the first item, not a button */

@media(max-width:640px){
  /* hide the inline desktop links (incl. the Tools button); the burger replaces them */
  .nav .navlinks{ display:none !important }
  .nav-burger{ display:inline-flex }
}