.nav-search{position:relative;z-index:2;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;border:0;background:transparent;color:#eeede8;cursor:pointer;border-radius:50%}
.nav-search svg,.search-input-wrap svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.nav-search:hover{background:#ffffff0d}.nav-search:focus-visible{outline:1px solid #eee;outline-offset:3px}
.quick-search{position:fixed;inset:clamp(72px,14vh,150px) 0 auto;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 110px);margin-inline:auto;padding:22px;border:1px solid #d8e5ed40;border-radius:22px;background:linear-gradient(135deg,#242d36d9,#0b1016e6);color:#eeede8;box-shadow:inset 0 1px 0 #ffffff1c,0 24px 80px #0005;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);font-family:'Geist Sans',sans-serif;overflow:auto}
.quick-search::backdrop{background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.quick-search[open]{animation:search-enter .3s cubic-bezier(.16,1,.3,1)}
.search-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;font-size:14px}
.search-heading button{width:30px;height:30px;background:transparent;border:0;color:inherit;font:24px/1 sans-serif;cursor:pointer}
.search-input-wrap{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff30;padding:0 0 14px}
.search-input-wrap input{min-width:0;flex:1;background:none;border:0;outline:none;color:inherit;font:400 16px/1.5 'Geist Sans',sans-serif}
.search-input-wrap:focus-within{border-color:#eee}.search-input-wrap input::placeholder{color:#909ba7}
.search-status{font-size:11px;color:#aab3bc;margin:18px 0 8px}
.search-results{display:grid;gap:3px;max-height:48dvh;overflow:auto;overscroll-behavior:contain}
.search-results a{display:grid;grid-template-columns:64px 1fr 14px;gap:10px;align-items:center;padding:12px 8px;color:inherit;text-decoration:none;border-radius:8px}
.search-results small{font-size:10px;color:#aab3bc}.search-results strong{font-size:13px;font-weight:400;line-height:1.5}.search-results a>span{color:#aab3bc}
.search-results a:is(:hover,:focus-visible){background:#ffffff0b;outline:1px solid #ffffff25;outline-offset:-1px}
.search-hint{display:flex;gap:16px;margin-top:18px;padding-top:12px;border-top:1px solid #ffffff14;font-size:10px;color:#939fa9}
html.search-is-open{overflow:hidden}
@keyframes search-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.nav-search{width:24px;height:24px}.quick-search{inset:70px 0 auto;padding:18px}.search-results a{grid-template-columns:52px 1fr 12px}}
@media(prefers-reduced-motion:reduce){.quick-search[open]{animation:none}}

/* A separate optical circle beside the home navigation, outside its layout. */
.floating-nav:has(.nav-search-orb){margin-left:-32px}
.floating-nav>.nav-search-orb{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);width:52px;height:52px;padding:15px;border-radius:50%;border:1px solid #e6edf34d;background:linear-gradient(135deg,#dae2e917,#191e2538 46%,#090d134d);backdrop-filter:blur(12px) saturate(1.14);-webkit-backdrop-filter:blur(12px) saturate(1.14);box-shadow:inset 0 1px 0 #ffffff3b,inset 0 -1px 0 #c8d5e517,0 8px 24px #0003;color:#eeede8}
.nav-search-orb svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px #0008)}
.floating-nav>.nav-search-orb:hover{background:linear-gradient(135deg,#dae2e926,#191e2550 46%,#090d1366);border-color:#e6edf380}
@media(max-width:760px){.floating-nav:has(.nav-search-orb){right:78px;margin-left:0}.floating-nav>.nav-search-orb{left:calc(100% + 10px);width:44px;height:44px;padding:11px}}
@media(max-width:380px){.site-header>.hero-brand{max-width:calc(100vw - 220px)}}
@media(min-width:761px) and (max-width:1150px){.floating-nav:has(.nav-search-orb){right:calc(var(--gutter) + 64px);margin-left:0}}