/* 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;}

/* Daylight Saving Time notice (site.js), above the fixed header */
.dst-bar { position: relative; background: var(--alt); border-bottom: 1px solid var(--line); padding: 9px 48px; text-align: center; }
.dst-bar .dst-x { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 30px; height: 30px; border: 0; border-radius: 6px; background: transparent; color: var(--soft); font-size: 20px; line-height: 1; cursor: pointer; }
.dst-bar .dst-x:hover, .dst-bar .dst-x:focus-visible { background: var(--line); color: var(--ink); }
.dst-bar p { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--ink); }
.dst-bar .dst-tag { display: inline-block; margin-right: 10px; padding: 3px 8px; border-radius: 4px; background: var(--ink); color: var(--ground); font-size: 11.5px; font-weight: 650; letter-spacing: .02em; vertical-align: 1px; }
.dst-bar a { color: var(--blue); font-weight: 650; }