/* Site nav for the static pages (frontend/site-nav.html). Mirrors the React
   Navbar: a "Free tools" menu on desktop, a hamburger with the tools listed
   flat under a label at 900px and below. Without JS the links simply wrap. */
.bar.site-bar>.wrap{height:auto;min-height:56px;flex-wrap:wrap}
.site-nav{display:flex;gap:16px;align-items:center}
.site-nav a,.site-nav-tools-btn{font-family:var(--mono);font-size:13px;color:var(--muted);text-decoration:none}
.site-nav a:hover,.site-nav-tools-btn:hover{color:var(--text);opacity:1;text-decoration:none}
.site-nav a.site-nav-hi,.site-nav a[aria-current=page]{color:var(--accent)}
.site-nav a.site-nav-cta{background:var(--accent);color:#0a0b0d;padding:8px 16px;border-radius:var(--radius);font-weight:500}
.site-nav-tools{position:relative}
.site-nav-tools-btn{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.site-nav-caret{font-size:10px}
.site-nav-label{display:none;font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.site-nav-menu{display:none;position:absolute;top:calc(100% + 12px);left:-12px;min-width:280px;flex-direction:column;padding:6px;background:var(--bg2,#111318);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.35);z-index:110}
.site-nav-tools.open .site-nav-menu,html:not(.site-nav-js) .site-nav-tools:focus-within .site-nav-menu{display:flex}
.site-nav-menu a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:6px;line-height:1.4}
.site-nav-menu a:hover,.site-nav-menu a:focus-visible{background:var(--bg,#0a0b0d)}
.site-nav-item{color:var(--text)}
.site-nav-blurb{font-size:11px;color:var(--muted)}
.site-nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer}
.site-nav-toggle span{display:block;height:2px;width:22px;background:var(--text);border-radius:1px}
@media (max-width:900px){
  .site-nav{flex-wrap:wrap;gap:8px 14px;padding:8px 0;order:2}
  .site-nav-toggle{order:1}
  .site-nav-tools{display:contents}
  .site-nav-tools-btn{display:none}
  .site-nav-label{display:block;width:100%;margin-top:4px}
  .site-nav-menu{display:contents}
  .site-nav-menu a{padding:0 0 0 14px;border-left:1px solid var(--border);border-radius:0}
  .site-nav-menu a:hover{background:none}
  .site-nav-blurb{display:none}
  .site-nav-item{color:inherit}
  .site-nav-js .site-nav-toggle:not([hidden]){display:flex}
  .site-nav-js .site-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:14px;padding:12px 0 18px}
  .site-nav-js .site-bar.open .site-nav{display:flex}
}