/* Planning Toolkit site header: Plan | Learn | News + Start Planning.
   Rendered by lib/toolkit-ui.js (and pre-rendered into each page by
   scripts/sync-site-nav.js). Self-contained: it declares its own tokens so
   it looks the same on the light marketing pages and the dark tool pages. */
.toolkit-nav{
  --hd-ink:#0B1B3A; --hd-text:#2B3648; --hd-blue:#0B5ED7; --hd-blue-hover:#094CB0; --hd-line:#E3E8F0; --hd-tint:#EEF4FF;
  --hd-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  position:sticky; top:0; z-index:100;
  background:#fff; border-bottom:1px solid var(--hd-line);
  font-family:var(--hd-font); -webkit-font-smoothing:antialiased;
}
.toolkit-nav *{ box-sizing:border-box; }
.toolkit-nav .toolkit-nav-inner{
  display:flex; align-items:center; gap:24px;
  width:min(calc(100% - 32px),1200px); height:72px; margin:0 auto;
}
.toolkit-nav .toolkit-nav-brand{
  display:inline-flex; align-items:center; gap:10px; flex:0 0 auto;
  color:var(--hd-ink); text-decoration:none;
}
.toolkit-nav .toolkit-nav-brand:hover{ color:var(--hd-ink); }
.toolkit-nav .toolkit-nav-brand .pt-logo{ width:34px; height:34px; flex:0 0 auto; }
.toolkit-nav .toolkit-nav-brand-name{
  font:800 15px/1.02 var(--hd-font); letter-spacing:.06em; text-transform:uppercase; white-space:nowrap;
}
.toolkit-nav .toolkit-nav-tools{ display:flex; align-items:center; justify-content:center; gap:6px; flex:1 1 auto; }
.toolkit-nav .toolkit-nav-tool{
  position:relative; display:inline-flex; align-items:center; height:40px; padding:0 14px; border-radius:8px;
  color:var(--hd-text); font:500 16px/1 var(--hd-font); text-decoration:none; letter-spacing:0; text-transform:none; border:0;
}
.toolkit-nav .toolkit-nav-tool:hover{ color:var(--hd-ink); background:#F4F7FB; }
.toolkit-nav .toolkit-nav-tool.active{ color:var(--hd-blue); font-weight:600; }
.toolkit-nav .toolkit-nav-tool.active::after{
  content:""; position:absolute; left:14px; right:14px; bottom:2px; height:2px; border-radius:2px; background:var(--hd-blue);
}
.toolkit-nav .toolkit-nav-actions{ display:flex; align-items:center; flex:0 0 auto; }
.toolkit-nav .toolkit-nav-cta{
  display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 20px; border-radius:8px;
  background:var(--hd-blue); color:#fff; font:600 15px/1 var(--hd-font); text-decoration:none; letter-spacing:0; text-transform:none;
  box-shadow:0 1px 2px rgba(11,27,58,.12); transition:background .15s ease;
}
.toolkit-nav .toolkit-nav-cta:hover{ background:var(--hd-blue-hover); color:#fff; }
.toolkit-nav .toolkit-nav-cta svg{ width:16px; height:16px; }
.toolkit-nav :is(a,button):focus-visible{ outline:3px solid var(--hd-blue); outline-offset:2px; }
.toolkit-nav .toolkit-nav-burger{
  display:none; width:44px; height:44px; margin-left:auto; padding:0; border:1px solid var(--hd-line); border-radius:8px;
  background:#fff; color:var(--hd-ink); cursor:pointer; align-items:center; justify-content:center;
}
.toolkit-nav .toolkit-nav-burger span{ position:relative; display:block; width:18px; height:2px; border-radius:2px; background:currentColor; }
.toolkit-nav .toolkit-nav-burger span::before,.toolkit-nav .toolkit-nav-burger span::after{
  content:""; position:absolute; left:0; width:18px; height:2px; border-radius:2px; background:currentColor; transition:transform .15s ease, top .15s ease;
}
.toolkit-nav .toolkit-nav-burger span::before{ top:-6px; } .toolkit-nav .toolkit-nav-burger span::after{ top:6px; }
.toolkit-nav.nav-open .toolkit-nav-burger span{ background:transparent; }
.toolkit-nav.nav-open .toolkit-nav-burger span::before{ top:0; transform:rotate(45deg); }
.toolkit-nav.nav-open .toolkit-nav-burger span::after{ top:0; transform:rotate(-45deg); }

@media (max-width:760px){
  .toolkit-nav .toolkit-nav-inner{ flex-wrap:wrap; height:auto; min-height:64px; gap:0 12px; padding:10px 0; }
  .toolkit-nav .toolkit-nav-brand .pt-logo{ width:30px; height:30px; }
  .toolkit-nav .toolkit-nav-brand-name{ font-size:14px; }
  .toolkit-nav.has-menu .toolkit-nav-burger{ display:inline-flex; }
  .toolkit-nav .toolkit-nav-tools,.toolkit-nav .toolkit-nav-actions{ flex-basis:100%; }
  .toolkit-nav.has-menu .toolkit-nav-tools,.toolkit-nav.has-menu .toolkit-nav-actions{ display:none; }
  .toolkit-nav.nav-open .toolkit-nav-tools,.toolkit-nav.nav-open .toolkit-nav-actions{ display:flex; }
  .toolkit-nav .toolkit-nav-tools{ flex-direction:column; align-items:stretch; gap:2px; padding:12px 0 8px; border-top:1px solid var(--hd-line); margin-top:10px; }
  .toolkit-nav .toolkit-nav-tool{ height:48px; padding:0 12px; font-size:17px; }
  .toolkit-nav .toolkit-nav-tool.active{ background:var(--hd-tint); }
  .toolkit-nav .toolkit-nav-tool.active::after{ display:none; }
  .toolkit-nav .toolkit-nav-actions{ padding:4px 0 12px; }
  .toolkit-nav .toolkit-nav-cta{ width:100%; justify-content:center; height:48px; }
}
@media (prefers-reduced-motion:reduce){ .toolkit-nav *{ transition:none!important; } }
@media print{ .toolkit-nav{ position:static; } }