/* One site header for every public page (home, docs, license, legal, order, pricing and the
 * signed-out team console). Each page has its own tokens and fonts, so this file uses literal values
 * and selectors scoped to header.site-hdr that outrank the page's own header rules. Every nav link
 * carries the same padding, so the current-page pill never moves the other items. */
header.site-hdr{position:sticky;top:0;z-index:50;margin:0;padding:0;border:0;border-bottom:1px solid #23252a;
  background:rgba(1,1,2,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13.5px;line-height:1.5;
  font-weight:400;letter-spacing:0;word-break:keep-all;color:#8a8f98}
/* the home page sets letter-spacing:0 on everything, so the header matches it everywhere */
header.site-hdr,header.site-hdr *{box-sizing:border-box;font-variant-numeric:normal;letter-spacing:0!important}
header.site-hdr .wrap{max-width:1080px;margin:0 auto;padding:0 24px;height:56px;min-height:0;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap}
header.site-hdr .brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;color:#f7f8f8;text-decoration:none;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:15.5px;letter-spacing:.01em}
header.site-hdr .brand svg{width:20px;height:20px;display:block}
header.site-hdr nav{display:flex;align-items:center;gap:2px;margin:0;padding:0;font-size:13.5px;font-weight:400;color:#8a8f98}
header.site-hdr nav > a{display:inline-block;padding:5px 10px;border-radius:6px;color:#8a8f98;background:transparent;
  box-shadow:none;text-decoration:none;transition:color .15s,background .15s}
header.site-hdr nav > a:hover{color:#f7f8f8;background:transparent}
header.site-hdr nav > a[aria-current]{color:#f7f8f8;background:#141516;box-shadow:inset 0 0 0 1px #23252a}
header.site-hdr nav > a.gh{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0;width:34px;height:30px;
  margin-left:20px;border:1px solid #34343a;border-radius:6px;color:#8a8f98;font-size:12.5px}
header.site-hdr nav > a.gh:hover{border-color:#3a3d47;color:#f7f8f8}
header.site-hdr nav > a.gh svg{display:block}
header.site-hdr nav > a.gh.npmic{width:44px}
header.site-hdr nav > a.gh.npmic:hover{border-color:#5a3236}
header.site-hdr .lang{display:inline-flex;margin:0 0 0 10px;padding:0;gap:0;border:1px solid #34343a;border-radius:6px;overflow:hidden}
header.site-hdr .lang button,header.site-hdr .lang a{display:inline-flex;align-items:center;margin:0;border:0;border-radius:0;
  background:transparent;color:#62666d;padding:5px 9px;cursor:pointer;text-decoration:none;
  font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:400;line-height:1.5;letter-spacing:.04em}
header.site-hdr .lang button+button,header.site-hdr .lang a+a{border-left:1px solid #34343a}
header.site-hdr .lang button:hover,header.site-hdr .lang a:hover{color:#8a8f98}
header.site-hdr .lang button[aria-pressed=true],header.site-hdr .lang a[aria-pressed=true]{background:rgba(94,106,210,.12);color:#5e6ad2}
@media(max-width:720px){header.site-hdr nav .hide-sm{display:none}}
@media(max-width:480px){header.site-hdr .wrap{padding:0 16px}header.site-hdr nav > a.gh{margin-left:8px}}
@media(hover:none) and (pointer:coarse){
  header.site-hdr nav > a.gh{width:40px;height:40px}
  header.site-hdr nav > a.gh.npmic{width:50px}
  header.site-hdr .lang button,header.site-hdr .lang a{padding:10px 12px}
}