/* Keep the header visible; the single search field moves visually into its slot. */
.topbar{
  position:sticky;top:0;z-index:11;
  background:#090807f5;backdrop-filter:blur(12px);
}
.sidebar{z-index:12}
.header-search-slot{
  position:absolute;top:50%;left:clamp(295px,29%,420px);right:clamp(355px,28%,440px);
  height:50px;transform:translateY(-50%);pointer-events:none;
}
.hero-search-anchor{height:58px}
.welcome-banner.is-search-docked{overflow:visible}
.welcome-banner.is-search-docked .welcome-content{z-index:auto}
.hero-search.is-docked{
  position:fixed;z-index:13;left:var(--dock-left);top:var(--dock-top);
  width:var(--dock-width);height:var(--dock-height);margin:0;
  background:#1a1223;box-shadow:0 4px 18px #0005;
}
@media(max-width:1350px){
  .topbar.is-search-docked .top-note{display:none}
  .header-search-slot{right:180px}
}
@media(max-width:1100px) and (min-width:761px){.hero-search-anchor{height:46px}}
@media(max-width:1050px){
  .topbar.is-search-docked .top-crumb{display:none}
  .header-search-slot{left:28px;right:180px}
}
@media(max-width:760px){
  .hero-search-anchor{height:54px}
  .header-search-slot{left:54px;right:145px;height:42px}
  .hero-search.is-docked{gap:8px;padding:0 10px}
  .hero-search.is-docked svg{width:17px;height:17px}
  .hero-search.is-docked .search-accent{width:27px;height:27px;font-size:14px}
  .hero-search input{font-size:16px}
}
@media(max-width:480px){.hero-search.is-docked .search-accent{display:none}}