/* Additions to the design's header, loaded on every page (src/components/Site/SiteShell.tsx) */
/* Selectors are deliberately specific: page styles hide plain nav links on small screens */
header.site nav.main a.nsearch {
  margin-left: auto; display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; border-radius: 6px; padding: 0; color: var(--ink); opacity: .82;
  transition: color .15s, background .15s;
}
header.site nav.main a.nsearch:hover, header.site nav.main a.nsearch:focus-visible, header.site nav.main a.nsearch[aria-current] {
  opacity: 1; color: var(--orange); background: color-mix(in srgb, var(--orange) 7%, transparent);
}
/* The search icon now takes the push to the right; Sign in sits beside it */
nav.main .nsearch + .signin { margin-left: 6px !important; }
@media (max-width: 480px) {
  header.site nav.main a.nsearch { width: 34px; height: 34px; }
  nav.main .nsearch + .btn.signin { margin-left: 2px !important; }
}

/* Symbols missing from the Latin font files above: ℠ ™ and arrows (← ↑ → ↓ ↗). Without these the
   browser borrows them from another font, often a serif. Tiny subsets from Google Fonts, only
   downloaded on pages that use one. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-symbols.woff2) format('woff2');unicode-range:U+2120,U+2122,U+2190-2193,U+2197;}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-tight-symbols.woff2) format('woff2');unicode-range:U+2120,U+2122,U+2190-2193,U+2197;}