/* Floating, calm Ehopto search. Search is available everywhere, not pinned over content.
   This sheet intentionally overrides the legacy fixed full-width header. */
:root{--ehopto-calm-pink:#e91bdc;--ehopto-calm-purple:#9150ff;--ehopto-calm-blue:#00c9f4}
body:has(.ehopto-search-header):not([data-no-rail]){
  padding-top:166px!important;
}
body .ehopto-search-header{
  position:absolute!important;
  inset:18px 24px auto calc(var(--ehopto-controls-w,256px) + 48px)!important;
  z-index:300!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  box-sizing:border-box!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.ehopto-search-header .ehopto-search-primary{
  display:flex;align-items:stretch;gap:10px;position:relative;min-width:0;
}
body .ehopto-search-header .eseek{margin:0!important;width:100%!important;max-width:none!important;flex:1 1 auto}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box[data-eseek-form]{
  display:flex!important;align-items:center!important;
  min-height:65px!important;
  padding:6px 9px!important;
  border:2px solid transparent!important;
  border-radius:16px!important;
  background:linear-gradient(light-dark(#fff,#0c1930),light-dark(#fff,#0c1930)) padding-box,
    linear-gradient(100deg,var(--ehopto-calm-pink),var(--ehopto-calm-purple) 48%,var(--ehopto-calm-blue)) border-box!important;
  box-shadow:0 0 15px rgba(214,35,226,.19),0 0 18px rgba(1,181,247,.15)!important;
  gap:5px;
}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box[data-eseek-form]:focus-within{
  box-shadow:0 0 0 3px rgba(150,92,255,.19),0 0 24px rgba(216,36,228,.31),0 0 26px rgba(1,181,247,.24)!important;
}
.ehopto-search-header .eseek-wordmark{
  --mark-bg:linear-gradient(90deg,#df29ef 0%,#f536e3 24%,light-dark(#122b54,#f5f6ff) 31%,light-dark(#122b54,#f5f6ff) 100%);
  display:block;flex:0 0 111px;width:111px;height:35px;
  background:var(--mark-bg);
  -webkit-mask:var(--ehopto-wordmark-mask) center/contain no-repeat;
  mask:var(--ehopto-wordmark-mask) center/contain no-repeat;
}
.ehopto-search-header .eseek-brand-divider{display:block;flex:0 0 1px;height:31px;margin:0 8px 0 5px;background:linear-gradient(#d423cf,#577ad6,#00bdef);opacity:.75}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box .eseek-search-button{
  flex:0 0 38px!important;width:38px!important;height:46px!important;display:grid;place-items:center;order:0;
}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box input[type="search"]{
  height:49px!important;min-width:0!important;font-size:16px!important;
  padding:0 7px!important;order:1;
}
.ehopto-search-header .eseek-clear{order:2}
.ehopto-search-header .eseek-divider{order:3}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box .eseek-scan-trigger{order:4;flex-shrink:0;border-radius:10px!important}
.ehopto-search-header .eseek-suggestions{z-index:450!important}
.ehopto-search-header .ehopto-search-categories{
  display:flex;align-items:center;justify-content:flex-start;gap:8px;
  padding:1px 4px 5px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;
  white-space:nowrap;
}
.ehopto-search-categories a{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;
  min-height:37px;padding:7px 13px;border-radius:999px;
  border:1px solid light-dark(#c9d6eb,#304466);
  background:light-dark(rgba(248,250,255,.95),rgba(15,29,54,.72));
  color:light-dark(#253a62,#d9e5ff);text-decoration:none;
  font:650 12px/1.15 ui-sans-serif,system-ui,sans-serif;
  transition:background .15s,border-color .15s;
}
.ehopto-search-categories a svg{flex:none}
.ehopto-search-categories a:hover{border-color:var(--ehopto-calm-purple);background:light-dark(#ecf2ff,#1d3053)}
.ehopto-search-categories a[aria-current="page"],
body.ehopto-theme-audit-home .ehopto-search-categories a:first-child{
  background:linear-gradient(115deg,#238de6,#5958fa)!important;
  color:white!important;border-color:#6198ff!important;
  box-shadow:0 4px 15px rgba(50,109,240,.22);
}
body .ehopto-search-header .ehopto-search-close{
  display:none;flex:none;align-items:center;justify-content:center;
  width:46px;height:58px;border-radius:13px;
  border:1px solid #53668e;background:light-dark(#fff,#13223d);
  color:light-dark(#1b315c,#f4f7ff);font-size:26px;cursor:pointer;
}
.ehopto-search-recall{
  display:none;position:fixed;top:20px;right:24px;z-index:305;
  width:48px;height:48px;align-items:center;justify-content:center;cursor:pointer;
  border:2px solid transparent;border-radius:14px;
  background:linear-gradient(light-dark(#fff,#0c1930),light-dark(#fff,#0c1930)) padding-box,
    linear-gradient(115deg,#e91bdc,#00c9f4) border-box;
  color:light-dark(#152f60,#f3f7ff);box-shadow:0 4px 22px rgba(0,0,0,.19);
}
@media(min-width:1100px){
  body:has(.ehopto-search-header):not([data-no-rail]) #ehopto-drawer,
  body:has(.ehopto-search-header):not([data-no-rail]) #ehopto-drawer[hidden]{
    top:166px!important;bottom:22px!important;
  }
  body:has(.ehopto-search-header):not([data-no-rail]).ehopto-search-scrolled:not(.ehopto-search-overlay-open) .ehopto-search-recall{display:flex}
}
body.ehopto-search-overlay-open:not([data-no-rail])::before{
  content:"";display:block;position:fixed;inset:0;z-index:395;
  background:rgba(3,8,22,.73);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
}
body.ehopto-search-overlay-open .ehopto-search-header{
  position:fixed!important;inset:18px 24px auto calc(var(--ehopto-controls-w,256px) + 48px)!important;
  z-index:420!important;
}
body.ehopto-search-overlay-open .ehopto-search-close{display:flex!important}
body.ehopto-search-overlay-open .ehopto-search-recall{display:none!important}
body .ehopto-search-header a:focus-visible,
body .ehopto-search-header button:focus-visible,
body .ehopto-search-recall:focus-visible{outline:3px solid #43c4ff!important;outline-offset:3px!important}
body:has(.ehopto-search-header):not([data-no-rail]) > .wrap,
body:has(.ehopto-search-header):not([data-no-rail]) > main{
  max-width:1480px!important;
}
body.ehopto-theme-audit-home .world-modes{
  margin:8px 0 24px!important;padding:18px!important;
  border:1px solid light-dark(#cfdaef,#253856)!important;
  border-radius:19px!important;background:light-dark(#f8faff,#0d1a31)!important;
  box-shadow:none!important;
}
body.ehopto-theme-audit-home .world-modes-head strong{font-size:20px!important;letter-spacing:-.025em}
body.ehopto-theme-audit-home .world-modes-kicker{color:#db36e4!important;letter-spacing:.10em}
body.ehopto-theme-audit-home .world-mode-tabs{gap:7px;margin-bottom:6px}
body.ehopto-theme-audit-home .world-mode-rail{gap:12px;padding-bottom:12px}
body.ehopto-theme-audit-home .world-mode-card-rich,
body.ehopto-theme-audit-home .world-mode-card-frame{border-radius:13px!important}
@media(max-width:1099px){
  body:has(.ehopto-search-header):not([data-no-rail]){
    padding:144px 14px calc(110px + env(safe-area-inset-bottom))!important;
  }
  body .ehopto-search-header{inset:13px 14px auto 14px!important;gap:10px!important}
  body.ehopto-search-overlay-open .ehopto-search-header{inset:13px 14px auto 14px!important}
  body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box[data-eseek-form]{
    min-height:58px!important;padding:4px 6px!important;border-radius:14px!important;
  }
  body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box input[type="search"]{
    height:47px!important;
  }
  .ehopto-search-header .eseek-wordmark{flex-basis:96px;width:96px;height:29px}
  .ehopto-search-header .eseek-brand-divider{height:25px;margin:0 3px}
  .ehopto-search-header .ehopto-search-categories{padding:0 0 5px}
  .ehopto-search-recall{display:none!important}
}
@media(max-width:560px){
  body:has(.ehopto-search-header):not([data-no-rail]){
    padding:137px 10px calc(108px + env(safe-area-inset-bottom))!important;
  }
  body .ehopto-search-header{inset:12px 10px auto!important;gap:9px!important}
  body.ehopto-search-overlay-open .ehopto-search-header{inset:12px 10px auto!important}
  .ehopto-search-header .eseek-wordmark{flex:0 0 71px;width:71px;height:25px}
  .ehopto-search-header .eseek-brand-divider{height:23px;margin:0 1px}
  body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box .eseek-search-button{
    flex:0 0 31px!important;width:31px!important;height:42px!important;
  }
  body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box input[type="search"]{
    padding:0 2px!important;font-size:16px!important;height:43px!important;
  }
  body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box .eseek-scan-trigger{
    flex:0 0 37px!important;min-width:37px!important;width:37px!important;height:38px!important;
    margin:0!important;padding:0!important;
  }
  body .ehopto-search-header .eseek-divider{margin:0 2px!important}
  .ehopto-search-categories a{min-height:37px;padding:6px 10px;font-size:11.5px}
  body .ehopto-search-header .ehopto-search-close{width:36px;height:53px;padding:0}
  body.ehopto-theme-audit-home .world-modes{padding:12px!important;margin:6px 0 16px!important}
  body.ehopto-theme-audit-home .world-modes-head strong{font-size:18px!important}
}
@media(prefers-reduced-motion:reduce){
  .ehopto-search-categories a,.ehopto-search-header .eseek-box{transition:none!important}
}
@media print{
  body .ehopto-search-header,.ehopto-search-recall{display:none!important}
}

/* 2026-10-25: the world chooses the search options, not a permanent menu.
   No public results means no category strip; no blank strip reservation. */
body .ehopto-search-header .ehopto-search-categories[hidden]{display:none!important}
.ehopto-search-categories button{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  flex:0 0 auto;min-height:37px;padding:7px 13px;border-radius:999px;
  border:1px solid light-dark(#c9d6eb,#304466);
  background:light-dark(rgba(248,250,255,.95),rgba(15,29,54,.72));
  color:light-dark(#253a62,#d9e5ff);cursor:pointer;
  font:650 12px/1.15 ui-sans-serif,system-ui,sans-serif;white-space:nowrap;
}
.ehopto-search-categories button:hover{
  border-color:var(--ehopto-calm-purple);background:light-dark(#ecf2ff,#1d3053)
}
.ehopto-search-categories button[aria-pressed="true"]{
  background:linear-gradient(115deg,#238de6,#5958fa)!important;
  color:#fff!important;border-color:#6198ff!important;
  box-shadow:0 4px 15px rgba(50,109,240,.22)
}
.ehopto-search-categories button:focus-visible{outline:3px solid #43c4ff;outline-offset:2px}
.ehopto-search-categories button .representation-count{
  color:inherit;font-size:10px;font-weight:700;opacity:.78
}
body:has(.ehopto-search-header):not([data-no-rail]):not(.ehopto-has-representations){
  padding-top:112px!important;
}
@media(min-width:1100px){
  body:has(.ehopto-search-header):not([data-no-rail]):not(.ehopto-has-representations) #ehopto-drawer,
  body:has(.ehopto-search-header):not([data-no-rail]):not(.ehopto-has-representations) #ehopto-drawer[hidden]{
    top:112px!important;
  }
}
@media(max-width:1099px){
  body:has(.ehopto-search-header):not([data-no-rail]):not(.ehopto-has-representations){
    padding-top:100px!important;
  }
}
@media(max-width:560px){
  body:has(.ehopto-search-header):not([data-no-rail]):not(.ehopto-has-representations){
    padding-top:94px!important;
  }
  .ehopto-search-categories button{min-height:37px;padding:6px 10px;font-size:11.5px}
}
/* Keep the old Find radios available to JS, deep links, the availability/time
   controls and screen-reader tooling, without displaying irrelevant choices. */
body[data-find-method="search"] .find-filterbar .radios{
  display:none!important;
}


/* Search belongs to the reader. Settings > Your colour is the ONLY source
   of its outline, focus ring and icons. Brand text remains recognisable. */
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box[data-eseek-form]{
  border-radius:12px!important;
  border:2px solid transparent!important;
  background:linear-gradient(light-dark(#ffffff,#0c1930),light-dark(#ffffff,#0c1930)) padding-box,
    linear-gradient(105deg,var(--trim,#4f8cff),
      rgba(var(--trim-rgb,79,140,255),.45) 53%,
      var(--trim,#4f8cff)) border-box!important;
  box-shadow:0 8px 32px rgba(4,11,28,.17),
    0 0 13px rgba(var(--trim-rgb,79,140,255),.14)!important;
}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box[data-eseek-form]:focus-within{
  box-shadow:0 0 0 3px rgba(var(--trim-rgb,79,140,255),.16),
    0 10px 34px rgba(4,11,28,.19),0 0 21px rgba(var(--trim-rgb,79,140,255),.27)!important;
}
body .ehopto-search-header .eseek-wordmark{
  --mark-bg:linear-gradient(90deg,var(--trim,#4f8cff) 0%,
    var(--trim,#4f8cff) 29%,
    light-dark(#112746,#f4f7ff) 33%,
    light-dark(#112746,#f4f7ff) 100%)!important;
}
body .ehopto-search-header .eseek-brand-divider{
  background:var(--trim,#4f8cff)!important;opacity:.58!important;
}
body .ehopto-search-header .eseek-search-button,
body .ehopto-search-header .eseek-scan-trigger,
body .ehopto-search-header .eseek-box .eseek-search-button .e-icon,
body .ehopto-search-header .eseek-box .eseek-scan-trigger .e-icon{
  color:var(--trim,#4f8cff)!important;
}
body .ehopto-search-header .eseek-scan-trigger{
  border-color:rgba(var(--trim-rgb,79,140,255),.35)!important;
  background:rgba(var(--trim-rgb,79,140,255),.075)!important;
}
body .ehopto-search-recall{
  background:linear-gradient(light-dark(#fff,#0c1930),light-dark(#fff,#0c1930)) padding-box,
   linear-gradient(100deg,var(--trim,#4f8cff),var(--trim,#4f8cff)) border-box!important;
  color:var(--trim,#4f8cff)!important;
  box-shadow:0 5px 18px rgba(var(--trim-rgb,79,140,255),.22)!important;
}
body .ehopto-search-categories button[aria-pressed="true"]{
  background:rgba(var(--trim-rgb,79,140,255),.19)!important;
  border-color:var(--trim,#4f8cff)!important;
  color:light-dark(#182843,#f0f4ff)!important;
  box-shadow:0 0 0 1px rgba(var(--trim-rgb,79,140,255),.22)!important;
}
@media(min-width:1100px){
  /* Center the suspended bar in the workspace, not in the viewport:
     the existing sidebar keeps its GitHub-like width and proportions. */
  body .ehopto-search-header{
    width:calc(100vw - var(--ehopto-controls-w,256px) - 72px)!important;
    max-width:1150px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* The Scan separator must use the same colour as the outer capsule and dock.
   _seek owns a legacy fixed pink --seek-line that must not override Settings. */
body .ehopto-search-header .eseek[data-eseek-root]{
  --seek-line:var(--trim,#4f8cff);
  --seek-accent:var(--trim,#4f8cff);
}
body .ehopto-search-header .eseek-divider{
  background:var(--trim,#4f8cff)!important;
  opacity:.65;
}
body .ehopto-search-header .eseek-scan-trigger:hover,
body .ehopto-search-header .eseek-scan-trigger[aria-expanded="true"]{
  background:rgba(var(--trim-rgb,79,140,255),.17)!important;
}
body .ehopto-search-header :is(button,input,a):focus-visible{
  outline-color:var(--trim,#4f8cff)!important;
}


/* Mobile search 3.0 — search belongs to the page, not a dark modal.
   The same saved --trim accents Scan, the search border and the mobile dock. */
body .ehopto-search-header .ehopto-search-primary{width:100%;min-width:0}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell{
  display:flex;align-items:stretch;gap:10px;min-width:0
}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>form.eseek-box{
  flex:1 1 auto;width:auto!important;min-width:0!important;margin:0!important;
}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external{
  appearance:none;box-sizing:border-box;flex:0 0 80px;align-self:stretch;
  width:80px;min-width:0;height:auto;min-height:65px;margin:0!important;padding:7px 6px;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;
  border:1px solid rgba(var(--trim-rgb,79,140,255),.74)!important;
  border-radius:13px!important;background:light-dark(#ffffff,#0d1a31)!important;
  color:var(--trim,#4f8cff)!important;cursor:pointer;
  font:750 11px/1.15 ui-sans-serif,system-ui,sans-serif;
  box-shadow:none!important;
}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external svg{
  width:24px;height:24px;color:var(--trim,#4f8cff)!important
}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external:hover,
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external[aria-expanded="true"]{
  background:rgba(var(--trim-rgb,79,140,255),.13)!important;
  border-color:var(--trim,#4f8cff)!important
}
/* No background scrim, browser-sized black overlay or extra close button. */
body.ehopto-search-overlay-open::before{content:none!important;display:none!important}
body .ehopto-search-header .ehopto-search-close{display:none!important}
body.ehopto-search-overlay-open .ehopto-search-header{box-shadow:none!important}
body .ehopto-search-header .eseek-suggestions.is-recent{
  position:absolute!important;top:calc(100% + 7px)!important;
  left:0!important;right:auto!important;width:100%!important;
  padding:0 2px 3px!important;margin:0!important;
  background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body .ehopto-search-header .eseek-suggestions.is-recent .eseek-suggest-head{
  min-height:24px;padding:1px 4px 3px!important;justify-content:flex-start!important;
}
body .ehopto-search-header .eseek-suggestions.is-recent .eseek-suggest-head b{
  font-weight:650;font-size:11px;color:var(--e-ink-muted,#9aaed2)
}
body .ehopto-search-header .eseek-suggestions.is-recent .eseek-suggest-clear{
  color:var(--trim,#4f8cff);margin-left:auto
}
body .ehopto-search-header .eseek-suggestions.is-recent .eseek-recent-row{
  gap:6px;padding:1px 3px 5px!important
}
body .ehopto-search-header .eseek-suggestions.is-recent .eseek-recent{
  min-height:29px;padding:0 9px;font-size:10.5px;font-weight:600;
  border:1px solid rgba(var(--trim-rgb,79,140,255),.24);
  background:light-dark(#f4f7fc,#121f37);color:light-dark(#273b5e,#dce7fa)!important
}
/* Keep full result suggestions legible without giving recent history a card. */
body .ehopto-search-header .eseek-suggestions:not(.is-recent){
  border:1px solid rgba(var(--trim-rgb,79,140,255),.42);
  background:light-dark(#fff,#0d192e)
}
.ehopto-mobile-account-head{display:none}
@media(max-width:1099px){
  body .ehopto-search-header .ehopto-mobile-account-head{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    width:100%;min-height:58px;margin:0 0 14px;
  }
  .ehopto-mobile-account-switch{
    display:flex;align-items:center;gap:10px;flex:1 1 auto;
    min-width:0;padding:0;background:transparent;border:0;
    color:var(--e-ink,#f0ece9);text-align:left;cursor:pointer;
  }
  .ehopto-mobile-account-avatar{
    flex:0 0 43px;width:43px;height:43px;
    display:grid;place-items:center;overflow:hidden;border-radius:12px;
    color:#fff;font:750 18px/1 ui-sans-serif,system-ui,sans-serif;
    border:1px solid rgba(var(--trim-rgb,79,140,255),.5);
    background:linear-gradient(145deg,#123467,#142744)
  }
  .ehopto-mobile-account-avatar img{display:block;width:100%;height:100%;object-fit:cover}
  .ehopto-mobile-account-names{display:grid;gap:4px;min-width:0}
  .ehopto-mobile-account-names strong{
    font-size:14px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
  }
  .ehopto-mobile-account-names small{font-size:11px;color:var(--e-ink-muted,#9aaed2)}
  .ehopto-mobile-account-switch>svg{flex:none;color:var(--trim,#4f8cff)}
  .ehopto-mobile-account-actions{display:flex;align-items:center;gap:8px}
  .ehopto-mobile-account-actions a{
    box-sizing:border-box;width:40px;height:40px;display:grid;place-items:center;
    border:1px solid rgba(var(--trim-rgb,79,140,255),.33);
    border-radius:50%;background:light-dark(#fff,#0c1930);
    color:var(--trim,#4f8cff);text-decoration:none;
  }
  .ehopto-mobile-account-actions a:hover,
  .ehopto-mobile-account-actions a:focus-visible{
    border-color:var(--trim,#4f8cff);outline-offset:2px;
  }
  body:has(.ehopto-mobile-account-head):has(.ehopto-search-header):not([data-no-rail]):not(.ehopto-has-representations){
    padding-top:174px!important;
  }
  body:has(.ehopto-mobile-account-head):has(.ehopto-search-header):not([data-no-rail]).ehopto-has-representations{
    padding-top:218px!important;
  }
  body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external{
    flex-basis:69px;width:69px;min-height:58px;
  }
}
@media(max-width:560px){
  body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell{gap:8px}
  body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external{
    flex-basis:58px;width:58px;min-height:57px;padding:5px 3px;font-size:10px;border-radius:12px!important
  }
  body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external svg{width:21px;height:21px}
  body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box[data-eseek-form]{
    min-height:57px!important;border-radius:13px!important;padding:3px 5px!important
  }
  body .ehopto-search-header .ehopto-mobile-account-head{margin-bottom:11px}
  body .ehopto-search-header .eseek-wordmark{flex:0 0 72px;width:72px;height:26px}
}
@media(max-width:370px){
  body .ehopto-search-header .eseek-wordmark{flex-basis:60px;width:60px}
  body .ehopto-search-header .eseek-brand-divider{margin-inline:0!important}
  .ehopto-mobile-account-actions a{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){
  body .ehopto-search-header .eseek-scan-external{transition:none!important}
}


/* At the top of the page, a history-chip row belongs to the layout. Reserve
   its small footprint instead of letting it cover the first photo. When
   recalled mid-scroll, the fixed search intentionally does not move content. */
@media(min-width:1100px){
  body:has(.ehopto-search-header .eseek-suggestions.is-recent:not([hidden])):not(.ehopto-search-overlay-open):not([data-no-rail]){
    padding-top:169px!important;
  }
}
@media(max-width:1099px){
  body:has(.ehopto-search-header .eseek-suggestions.is-recent:not([hidden])):not(.ehopto-search-overlay-open):not([data-no-rail]){
    padding-top:158px!important;
  }
  body:has(.ehopto-mobile-account-head):has(.ehopto-search-header .eseek-suggestions.is-recent:not([hidden])):not(.ehopto-search-overlay-open):not([data-no-rail]){
    padding-top:230px!important;
  }
}


/* Use the real Ehopto wordmark on every browser, not a mask that
   can become completely blank. Light and dark images share one footprint. */
body .ehopto-search-header .eseek-wordmark{
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:none!important;-webkit-mask:none!important;mask:none!important;
}
body .ehopto-search-header .eseek-wordmark img{
  display:block;width:100%;max-height:100%;object-fit:contain;
}
body .ehopto-search-header .eseek-wordmark .eseek-light-logo{display:none}
body.ehopto-light-mode .ehopto-search-header .eseek-wordmark .eseek-dark-logo,
html.ehopto-theme-light body .ehopto-search-header .eseek-wordmark .eseek-dark-logo{display:none}
body.ehopto-light-mode .ehopto-search-header .eseek-wordmark .eseek-light-logo,
html.ehopto-theme-light body .ehopto-search-header .eseek-wordmark .eseek-light-logo{display:block}


/* Quiet search and scan: keep the unified controls easy to find, not the
   loudest object on Home, Find or a Hub. The operating profile's --trim
   still determines the accent. Show it clearly on focus/active only.
   Don't modify controls, their JS or hit-target accessibility. */
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box[data-eseek-form] {
  border:1px solid rgba(var(--trim-rgb,79,140,255),.28)!important;
  background:light-dark(#fff,#0c1930)!important;
  box-shadow:none!important;
  transition:border-color .17s ease,box-shadow .17s ease!important;
}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box[data-eseek-form]:focus-within {
  border-color:rgba(var(--trim-rgb,79,140,255),.68)!important;
  box-shadow:0 0 0 2px rgba(var(--trim-rgb,79,140,255),.10)!important;
}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external {
  flex-basis:60px!important;width:60px!important;min-height:56px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:var(--e-ink-muted,#a2aec6)!important;
  font-weight:650!important;
  box-shadow:none!important;
  transition:background .17s ease,border-color .17s ease,color .17s ease!important;
}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external svg,
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external .e-icon {
  width:20px;height:20px;color:var(--e-ink-muted,#a2aec6)!important;
}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external:hover,
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external[aria-expanded="true"] {
  border-color:rgba(var(--trim-rgb,79,140,255),.26)!important;
  background:rgba(var(--trim-rgb,79,140,255),.065)!important;
  color:var(--trim,#4f8cff)!important;
}
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external:hover svg,
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external[aria-expanded="true"] svg,
body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external:focus-visible svg {
  color:var(--trim,#4f8cff)!important;
}
/* The floating recall button should not turn into another neon tile. */
body .ehopto-search-recall{
  border:1px solid rgba(var(--trim-rgb,79,140,255),.25)!important;
  background:light-dark(#fff,#0c1930)!important;
  box-shadow:0 3px 12px rgba(4,11,28,.10)!important;
}
@media(max-width:1099px) {
  body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external {
    flex-basis:56px!important;width:56px!important;min-height:54px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell>.eseek-scan-external,
  body .ehopto-search-header .eseek[data-eseek-root] .eseek-shell form.eseek-box[data-eseek-form] {
    transition:none!important;
  }
}