/* Search-only extension. Existing header children retain their grid positions. */
.top__right { position: relative; }
.mq-search-open { position: absolute; right: calc(100% + 18px); top: 50%; translate: 0 -50%; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid transparent; border-radius: 8px; color: var(--ink2); }
.mq-search-open svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; }
.mq-search-open:hover, .mq-search-open:focus-visible { color: var(--ink); border-color: var(--line2); }
.mq-search.sheet { width: min(620px,calc(100vw - 48px)); max-height: calc(100dvh - 48px); padding: 0; overflow: visible; border: 0; border-radius: 11px; background: transparent; box-shadow: none; opacity: 0; transform: scaleX(.32); transform-origin: 50% 50%; transition: opacity 220ms var(--ease-state),transform 580ms var(--ease-geo); }
#ov-search.is-on .mq-search.sheet { opacity: 1; transform: scaleX(1); }
#ov-search.is-off .mq-search.sheet { opacity: 0; transform: scaleX(.38); transition-duration: 180ms,360ms; }
.mq-search__bar { min-height: 58px; display: grid; grid-template-columns: 22px minmax(0,1fr) max-content 30px; align-items: center; gap: 8px; padding: 0 11px 0 17px; border: 1px solid color-mix(in srgb,var(--ink) 13%,transparent); border-radius: 11px; background-color: color-mix(in srgb,var(--bg1) 78%,transparent); background-image: linear-gradient(135deg,color-mix(in srgb,var(--ink) 4.5%,transparent),transparent 44%,color-mix(in srgb,var(--bg2) 10%,transparent)); -webkit-backdrop-filter: blur(22px) saturate(108%); backdrop-filter: blur(22px) saturate(108%); box-shadow: 0 18px 52px rgba(0,0,0,.2),0 3px 12px rgba(0,0,0,.1),inset 0 1px 0 color-mix(in srgb,var(--ink) 5.5%,transparent); opacity: 0; transition: border-color 220ms ease,background-color 220ms ease,box-shadow 260ms ease,opacity 190ms ease 120ms; }
#ov-search.is-on .mq-search__bar { opacity: 1; }
.mq-search__bar:focus-within { border-color: color-mix(in srgb,var(--ink) 28%,transparent); background-color: color-mix(in srgb,var(--bg1) 82%,transparent); box-shadow: 0 20px 58px rgba(0,0,0,.23),0 4px 14px rgba(0,0,0,.1),inset 0 1px 0 color-mix(in srgb,var(--ink) 7%,transparent); }
.mq-search__icon { width: 18px; height: 18px; color: var(--ink2); }
.mq-search__input { min-width: 0; }
.mq-search__input input { width: 100%; height: 56px; padding: 0; border: 0; outline: 0; background: transparent; color: var(--ink); font: 400 15.5px/1.5 var(--sans); letter-spacing: -.005em; }
.mq-search__input input::placeholder { color: var(--ink2); opacity: .84; }
.mq-search__bar .ictl { width: 30px; height: 30px; border-radius: 8px; color: var(--ink2); }
.mq-search__bar .ictl:hover,.mq-search__bar .ictl:focus-visible { color: var(--ink); border-color: var(--line); background: color-mix(in srgb,var(--ink) 5%,transparent); }
.mq-search__bar .mq-search__clear { width: auto; min-width: 30px; padding: 0 7px; font: 9px/1 var(--mono); letter-spacing: .04em; }
.mq-search__close svg { width: 16px; height: 16px; }
.mq-search__panel { position: absolute; inset-inline: 0; top: calc(100% + 8px); max-height: calc(50dvh - 48px); display: flex; flex-direction: column; overflow: hidden; border: 1px solid color-mix(in srgb,var(--ink) 14%,transparent); border-radius: 10px; background-color: color-mix(in srgb,var(--bg1) 82%,transparent); background-image: linear-gradient(145deg,color-mix(in srgb,var(--ink) 3%,transparent),transparent 40%,color-mix(in srgb,var(--bg2) 8%,transparent)); -webkit-backdrop-filter: blur(24px) saturate(110%); backdrop-filter: blur(24px) saturate(110%); box-shadow: 0 22px 64px rgba(0,0,0,.22),0 4px 14px rgba(0,0,0,.1),inset 0 1px 0 color-mix(in srgb,var(--ink) 5%,transparent); opacity: 0; transform: translateY(-4px) scale(.992); transform-origin: 50% 0; transition: opacity 260ms var(--ease-state),transform 440ms var(--ease-geo); }
.mq-search__panel.is-visible { opacity: 1; transform: translateY(0); }
.mq-search__correction { display: block; margin: 12px 18px 2px; text-align: left; font: 11px/1.6 var(--mono); color: var(--ink); text-decoration: underline; text-underline-offset: 4px; background: none; border: 0; cursor: pointer; overflow-wrap: anywhere; }
.mq-search__scroll { overflow: auto; overscroll-behavior: contain; min-height: 0; padding: 10px 10px 8px; }
.mq-search__scroll { scrollbar-width: thin; scrollbar-color: var(--line2) transparent; }
.mq-search__scroll::-webkit-scrollbar { width: 5px; }
.mq-search__scroll::-webkit-scrollbar-thumb { border-radius: 999px; background: var(--line2); }
.mq-search__scroll::-webkit-scrollbar-track { background: transparent; }
.mq-search__summary { min-height: 26px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 8px 5px 10px; }
.mq-search__label { margin: 0; font: 10px/1.5 var(--mono); letter-spacing: .04em; color: var(--ink2); }
.mq-search__details-toggle { display: inline-flex; align-items: center; gap: 5px; min-height: 26px; margin-left: auto; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--ink2); font: 9px/1 var(--mono); letter-spacing: .035em; white-space: nowrap; text-decoration-color: transparent; transition: color 180ms ease,text-decoration-color 180ms ease; }
.mq-search__details-toggle svg { width: 14px; height: 14px; transform-box: fill-box; transform-origin: center; transition: transform 420ms var(--ease-geo); }
.mq-search__details-toggle:hover { color: var(--ink); }
.mq-search__details-toggle:focus-visible { outline: 0; color: var(--ink); text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; text-decoration-color: currentColor; }
.mq-search__details-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.mq-search__results { margin: 0; padding: 0; list-style: none; }
.mq-search__results li + li { margin-top: 2px; }
.mq-search__results a { display: block; padding: 9px 12px; border: 1px solid transparent; border-radius: 7px; background: transparent; box-shadow: none; text-decoration: none; color: var(--ink); transition: background-color 180ms ease; }
.mq-search__results [aria-selected="true"] a { background-color: color-mix(in srgb,var(--ink) 6%,transparent); }
.mq-result__body { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 16px; min-width: 0; overflow-wrap: anywhere; }
.mq-result__body small { grid-column: 2; grid-row: 1 / span 2; align-self: center; font: 10px/1.4 var(--sans); color: var(--ink2); }
.mq-result__body strong { font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: -.01em; }
.mq-result__body > span { grid-column: 1; font-size: 12px; line-height: 1.5; color: var(--ink2); }
.mq-search__empty { margin: 0; padding: 16px 14px; border: 0; border-radius: 8px; background: color-mix(in srgb,var(--bg2) 32%,transparent); box-shadow: inset 0 1px 0 color-mix(in srgb,var(--ink) 3%,transparent); }
.mq-search__empty strong { display: block; font-size: 15px; font-weight: 450; }
.mq-search__empty p { margin-top: 8px; font-size: 13px; color: var(--ink2); }
.mq-search__details { flex: 0 0 auto; display: grid; grid-template-rows: 0fr; opacity: 0; transform: translateY(-3px); transition: grid-template-rows 460ms var(--ease-geo),opacity 220ms var(--ease-state),transform 460ms var(--ease-geo); }
.mq-search__details-clip { min-height: 0; overflow: hidden; }
.mq-search__panel[data-details-open="true"] .mq-search__details { grid-template-rows: 1fr; opacity: 1; transform: translateY(0); }
.mq-search__foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 7px 18px; padding: 10px 18px 11px; border-top: 1px solid color-mix(in srgb,var(--ink) 8%,transparent); background: color-mix(in srgb,var(--bg0) 12%,transparent); font: 9px/1.6 var(--mono); color: var(--ink2); }
.mq-search__input input:focus-visible { outline: 0; }
.mq-search__bar .ictl:focus-visible,.mq-search__correction:focus-visible,.mq-search__results a:focus-visible,.mq-search-open:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.mq-search [hidden] { display: none; }
@media (max-width: 720px) { .mq-search.sheet { width: min(620px,calc(100vw - 24px)); } }
@media (prefers-reduced-motion: reduce) { #ov-search .sheet,#ov-search .ov__scrim,#ov-search .mq-search__bar,#ov-search .mq-search__panel,#ov-search .mq-search__details,#ov-search .mq-search__details-toggle,#ov-search .mq-search__details-toggle svg,#ov-search .mq-search__results a { transition: none; } }
html[data-motion="reduced"] #ov-search .sheet,html[data-motion="reduced"] #ov-search .ov__scrim,html[data-motion="reduced"] #ov-search .mq-search__bar,html[data-motion="reduced"] #ov-search .mq-search__panel,html[data-motion="reduced"] #ov-search .mq-search__details,html[data-motion="reduced"] #ov-search .mq-search__details-toggle,html[data-motion="reduced"] #ov-search .mq-search__details-toggle svg,html[data-motion="reduced"] #ov-search .mq-search__results a { transition: none; }
