/* Only the search surface moves; the header keeps its existing dimensions. */
#search-dialog{--search-fill:#282116;--search-ink:#eed6a2;overflow:visible;background:transparent!important;box-shadow:none!important;border-radius:24px}
html[data-theme=ai] #search-dialog{--search-fill:#132b35;--search-ink:#c0dfeb}
#search-dialog .site-search-field{position:relative;isolation:isolate;height:48px;padding:0 16px;border:0;border-radius:24px;background:transparent!important;box-shadow:none;overflow:visible}
#search-dialog .search-liquid{position:absolute;inset:-12px;z-index:-1;pointer-events:none;filter:url(#site-search-goo)}
#search-dialog .search-liquid-main,#search-dialog .search-liquid-drop{position:absolute;top:12px;right:12px;height:48px;background:var(--search-fill);border-radius:24px}
#search-dialog .search-liquid-main{width:calc(100% - 24px);transform-origin:calc(100% - 24px) 50%;transform:translate(var(--search-origin-x,0px),var(--search-origin-y,0px)) scaleX(var(--search-seed,.1));transition:transform .62s cubic-bezier(.22,1.22,.36,1),border-radius .62s}
#search-dialog .search-liquid-drop{width:40px;height:40px;top:16px;right:16px;transform:translate(var(--search-origin-x,0px),var(--search-origin-y,0px)) scale(.5);transition:transform .56s cubic-bezier(.22,1.22,.36,1)}
#search-dialog.search-is-open .search-liquid-main{transform:translate(0,0) scaleX(1)}
#search-dialog.search-is-open .search-liquid-drop{transform:translate(-28px,0) scale(.8)}
#search-dialog .site-search-field>:not(.search-liquid){opacity:0;transition:opacity .14s}
#search-dialog.search-is-open .site-search-field>:not(.search-liquid){opacity:1;transition-delay:.19s}
#search-dialog #page-search{height:48px;color:var(--search-ink);caret-color:var(--search-ink)}
#search-dialog #page-search::placeholder{color:var(--search-ink);opacity:.85}
#search-dialog .site-search-field .search-field-icon,#search-dialog #search-clear,
body[data-section=home] #search-dialog .search-field-icon,body[data-section=home] #search-dialog #search-clear{color:var(--search-ink);background:none}
#search-dialog #search-status,#search-dialog #search-results{position:relative;background:var(--surface);border-radius:12px}
#search-dialog #search-status:not(:empty){padding:10px 13px;margin:12px 0 0}
#search-dialog #search-results:not([hidden]){margin-top:4px;box-shadow:0 12px 28px #0004}
#search-dialog.search-is-closing{pointer-events:none}
#search-dialog.search-is-closing .search-liquid-main,#search-dialog.search-is-closing .search-liquid-drop{transition-duration:.25s;transition-timing-function:cubic-bezier(.55,0,.75,.35)}
#search-dialog.search-is-closing #search-status,#search-dialog.search-is-closing #search-results{opacity:0;transition:opacity .1s}
.header #search-open{position:relative;isolation:isolate}
.header #search-open::before{content:none}
html[data-theme=ai] .header #search-open::before{background:#132b35}
.header #search-open,.header #search-open[aria-expanded=true]{color:#eed6a2}
html[data-theme=ai] .header #search-open{color:#c0dfeb}
.header #search-open[aria-expanded=true]::before{transform:translate(-50%,-50%) scale(.9)}
.header #search-open svg{transition:transform .35s}
.header #search-open[aria-expanded=true] svg{transform:rotate(90deg)}
.header #search-open,.header #search-open[aria-expanded=true],.header #search-open:hover{background:transparent;border-color:transparent;box-shadow:none}
.search-goo-defs{position:absolute;width:0;height:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){#search-dialog .search-liquid{filter:none}#search-dialog .search-liquid-main,#search-dialog .search-liquid-drop,#search-dialog .site-search-field>:not(.search-liquid),.header #search-open svg,.header #search-open::before{transition:none!important}}

/* Search occupies the navigation row without changing header layout. */
.header #navigation{transition:opacity .18s,visibility .18s}
body.site-search-active .header #navigation{opacity:0;visibility:hidden;pointer-events:none}
body.site-search-active .header .navigation-light-dot{opacity:0!important}
.header .brand{transition:opacity .18s,visibility .18s}
body.site-search-active.search-covers-brand .header .brand{opacity:0;visibility:hidden;pointer-events:none}
#search-dialog .site-search-field::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #82633380;border-radius:24px;opacity:0;transition:opacity .15s}
#search-dialog.search-is-open .site-search-field::after{opacity:1;transition-delay:.3s}
html[data-theme=ai] #search-dialog .site-search-field::after{border-color:#41768a80}
.header #search-open::before{box-shadow:inset 0 0 0 1px #82633380}
html[data-theme=ai] .header #search-open::before{box-shadow:inset 0 0 0 1px #41768a80}
@media(prefers-reduced-motion:reduce){.header #navigation,.header .brand,#search-dialog .site-search-field::after{transition:none!important}}

#search-dialog.search-is-preparing{visibility:hidden}
#search-dialog.search-is-preparing .search-liquid-main,#search-dialog.search-is-preparing .search-liquid-drop{transition:none!important}

/* The homepage button follows its position within the HUMAN / AI curtain. */
body[data-section=home] .header #search-open,
body[data-section=home] .header #search-open[aria-expanded=true]{color:var(--search-button-ink,#c0dfeb)}
body[data-section=home] .header #search-open::before{background:linear-gradient(90deg,#282116 var(--search-button-cut,0px),#132b35 var(--search-button-cut,0px));box-shadow:inset 0 0 0 1px var(--search-button-edge,#41768a80)}
body[data-section=home] #search-dialog .search-liquid-main{background:linear-gradient(90deg,#282116 var(--search-field-cut,0px),#132b35 var(--search-field-cut,0px))}
body[data-section=home] #search-dialog .search-liquid-drop{background:var(--search-drop-fill,#132b35)}
body[data-section=home] #search-dialog .site-search-field::after{border:0;padding:1px;background:linear-gradient(90deg,#82633380 var(--search-field-cut,0px),#41768a80 var(--search-field-cut,0px));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
body[data-section=home] #search-dialog .site-search-field .search-field-icon,
body[data-section=home] #search-dialog #search-clear{color:var(--search-icon-color,#c0dfeb)}
/* Centre the two-pixel divider on the shared colour boundary. */
body[data-section=home] .tablet::after{transform:translateX(-50%)}