/* Shared navbar search: neutral glass, a stable input, and reserved logo space. */
html:root:root:root:root:root:root body #siteHeader.search-ready {
  --search-ink: #f1f1f0;
  --search-edge: rgba(255,255,255,.22);
  --search-focus: rgba(255,255,255,.48);
  --search-bg: rgba(255,255,255,.065);
  --search-hover: rgba(255,255,255,.12);
}
html:root:root:root:root:root:root[data-theme=light] body #siteHeader.search-ready {
  --search-ink: #293038;
  --search-edge: rgba(41,48,56,.22);
  --search-focus: rgba(41,48,56,.43);
  --search-bg: rgba(41,48,56,.045);
  --search-hover: rgba(41,48,56,.085);
}
html:root:root:root:root:root:root body #siteHeader.search-ready :is(#inlineNavSearch,#desktopSearchForm) {
  color:var(--search-ink)!important;background:var(--search-bg)!important;
  border:1px solid var(--search-edge)!important;box-shadow:none!important;
  transform-origin:right center;transition:background .18s ease,border-color .18s ease!important;
  pointer-events:auto!important;isolation:isolate;
}
html:root:root:root:root:root:root body #siteHeader.search-ready :is(#inlineNavSearch,#desktopSearchForm):focus-within {
  border-color:var(--search-focus)!important;box-shadow:0 0 0 2px var(--search-hover)!important;
}
html:root:root:root:root:root:root body #siteHeader.search-ready :is(#inlineNavSearch,#desktopSearchForm) input {
  color:var(--search-ink)!important;-webkit-text-fill-color:var(--search-ink)!important;
  caret-color:var(--search-ink)!important;background:transparent!important;
  outline:none!important;border:0!important;box-shadow:none!important;min-width:0!important;
}
html:root:root:root:root:root:root body #siteHeader.search-ready :is(#inlineNavSearch,#desktopSearchForm) input::placeholder {
  color:var(--search-ink)!important;-webkit-text-fill-color:var(--search-ink)!important;opacity:.58!important;
}
html:root:root:root:root:root:root body #siteHeader.search-ready :is(#inlineSearchOpen,#inlineSearchClose,#desktopSearchOpen,#desktopSearchClose,.inline-search-submit,.search-form__btn) {
  color:var(--search-ink)!important;background:transparent!important;border-color:var(--search-edge)!important;box-shadow:none!important;
}
html:root:root:root:root:root:root body #siteHeader.search-ready :is(#inlineSearchOpen,#inlineSearchClose,#desktopSearchOpen,#desktopSearchClose,.inline-search-submit,.search-form__btn):hover {
  background:var(--search-hover)!important;
}
html:root:root:root:root:root:root body #siteHeader.search-ready :is(button,input):focus-visible {
  outline:2px solid var(--search-focus)!important;outline-offset:2px;
}
html:root:root:root:root:root:root body #siteHeader.search-ready :is(#inlineNavSearch,#desktopSearchForm)[hidden],
html:root:root:root:root:root:root body #siteHeader.search-ready :is(#inlineSearchOpen,#inlineSearchClose,#desktopSearchOpen,#desktopSearchClose)[hidden] {display:none!important;}
html:root:root:root:root:root:root body #siteHeader.search-ready[data-nav-search-state=open] :is(#inlineNavSearch,#desktopSearchForm) {animation:navbar-search-in .22s cubic-bezier(.2,.7,.2,1) both;}
html:root:root:root:root:root:root body #siteHeader.search-ready[data-nav-search-state=closing] :is(#inlineNavSearch,#desktopSearchForm) {animation:navbar-search-out .18s ease both;pointer-events:none!important;}
@keyframes navbar-search-in {from{opacity:0;transform:translateX(8px) scaleX(.97)}to{opacity:1;transform:none}}
@keyframes navbar-search-out {from{opacity:1;transform:none}to{opacity:0;transform:translateX(6px) scaleX(.97)}}
html:root:root:root:root:root:root body:not(.nav-open) .nav-mask {pointer-events:none!important;}
html:root:root:root:root:root:root body #siteHeader.mobile-app-header.search-ready .header__inner {gap:10px!important;}
html:root:root:root:root:root:root body #siteHeader.mobile-app-header.search-ready .header__logo {flex:0 0 auto!important;width:max-content!important;min-width:max-content!important;max-width:none!important;}
html:root:root:root:root:root:root body #siteHeader.mobile-app-header.search-ready #inlineNavSearch {flex:1 1 0!important;min-width:0!important;width:auto!important;margin:0!important;}
html:root:root:root:root:root:root body #siteHeader.mobile-app-header.search-ready .header__btns {flex:0 0 auto!important;gap:8px!important;}
@media(max-width:700px) {
  html:root:root:root:root:root:root body #siteHeader.mobile-app-header.search-ready[data-nav-search-state] .header__logo {width:28px!important;min-width:28px!important;max-width:28px!important;overflow:hidden!important;gap:0!important;}
  html:root:root:root:root:root:root body #siteHeader.mobile-app-header.search-ready[data-nav-search-state] .site-brand-text {display:none!important;}
  html:root:root:root:root:root:root body #siteHeader.mobile-app-header.search-ready #inlineNavSearch input {font-size:16px!important;}
}
@media(prefers-reduced-motion:reduce) {
  html:root:root:root:root:root:root body #siteHeader.search-ready :is(#inlineNavSearch,#desktopSearchForm) {animation:none!important;transition:none!important;}
}

/* A mobile template can remain mounted while the viewport grows past 1100px. */
html:root:root:root:root:root:root body #siteHeader.search-ready :is(#inlineSearchOpen,#inlineSearchClose,#desktopSearchOpen,#desktopSearchClose,.inline-search-submit,.search-form__btn) svg {
  width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
html:root:root:root:root:root:root body #siteHeader.mobile-app-header.search-ready #inlineNavSearch:not([hidden]) {
  display:flex!important;position:static!important;align-items:center!important;
  height:36px!important;padding:2px 3px 2px 10px!important;gap:2px!important;border-radius:12px!important;
}
html:root:root:root:root:root:root body #siteHeader.mobile-app-header.search-ready #inlineNavSearch input {
  flex:1 1 0!important;width:0!important;min-width:0!important;height:28px!important;padding:0!important;
}
html:root:root:root:root:root:root body #siteHeader.mobile-app-header.search-ready .inline-search-submit {
  display:grid!important;place-items:center;position:static!important;flex:0 0 30px!important;
  width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:5px!important;border:0!important;
}
html:root:root:root:root:root:root body #siteHeader.mobile-app-header.search-ready #inlineSearchClose {
  display:grid;place-items:center;flex:0 0 32px;width:32px;min-width:32px;height:32px;padding:6px;
  border:1px solid var(--search-edge);border-radius:10px;cursor:pointer;
}