/* 2.18.12 – Search Experience */
.site-search-dialog{padding-top:clamp(62px,9vh,112px)}
.site-search-panel{width:min(860px,100%);max-height:min(800px,86dvh);padding:clamp(24px,3.6vw,38px);overflow:hidden;display:flex;flex-direction:column}
.site-search-panel h2{margin:.35rem 0 1.15rem;font-size:clamp(1.8rem,3.7vw,3.25rem);letter-spacing:-.045em}
.site-search-field{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;min-height:62px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.065);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.site-search-field:focus-within{border-color:rgba(75,140,255,.85);background:rgba(255,255,255,.085);box-shadow:0 0 0 4px rgba(0,89,231,.15)}
.site-search-field-icon{display:grid;place-items:center;color:#8fb4f5;font-size:1.22rem}
.site-search-field label{display:block;min-width:0}
.site-search-panel .site-search-field input{width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;font-size:clamp(1rem,1.4vw,1.12rem)}
.site-search-panel .site-search-field input:focus{border:0;box-shadow:none}
.site-search-panel .site-search-field input::placeholder{color:rgba(215,225,241,.44)}
.site-search-clear{display:grid;place-items:center;width:32px;height:32px;margin:auto;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#c7d2e4;cursor:pointer;font-size:1.05rem}
.site-search-clear:hover{background:rgba(255,255,255,.14);color:#fff}
.site-search-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:9px 2px 18px}
.site-search-hint{margin:0;color:#7f8da3;font-size:.72rem}
.site-search-hint kbd{display:inline-grid;min-width:20px;height:20px;place-items:center;margin-left:3px;padding:0 5px;border:1px solid rgba(255,255,255,.13);border-bottom-color:rgba(255,255,255,.23);background:rgba(255,255,255,.035);font-size:.64rem}
.site-search-count{flex:0 0 auto;color:#7f8da3;font-size:.72rem;font-weight:750}
.site-search-results{display:block;min-height:170px;overflow:auto;padding-right:3px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.site-search-start{display:grid;gap:16px;padding:22px 4px 4px}
.site-search-start p{margin:0;color:#a6b3c6;line-height:1.55}
.site-search-start nav{display:flex;flex-wrap:wrap;gap:8px}
.site-search-start nav a{padding:9px 13px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#e7edf7;font-size:.76rem;font-weight:750;text-decoration:none;transition:.2s ease}
.site-search-start nav a:hover{border-color:rgba(75,140,255,.42);background:rgba(75,140,255,.1);transform:translateY(-1px)}
.site-search-group{margin:0 0 17px}
.site-search-group:last-child{margin-bottom:2px}
.site-search-group>header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 7px;color:#8d9cb2}
.site-search-group>header strong{font-size:.66rem;letter-spacing:.13em;text-transform:uppercase}
.site-search-group>header span{display:grid;min-width:22px;height:22px;place-items:center;border-radius:99px;background:rgba(255,255,255,.055);font-size:.62rem}
.site-search-group>div{display:grid;gap:7px}
.site-search-result{grid-template-columns:54px minmax(0,1fr) 26px;gap:13px;padding:9px 11px;border-radius:14px;transform:none}
.site-search-result:hover,.site-search-result:focus,.site-search-result.is-active{background:linear-gradient(90deg,rgba(0,89,231,.13),rgba(230,1,85,.065));border-color:rgba(75,139,255,.42);transform:none}
.site-search-result.is-active{box-shadow:inset 3px 0 0 #4b8cff}
.site-search-result img{width:54px;height:54px;border-radius:10px;background:#111827}
.site-search-result span{min-width:0}
.site-search-result small{color:#75a8ff;font-size:.59rem}
.site-search-result strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.91rem}
.site-search-result em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#92a0b5;font-size:.75rem}
.site-search-result b{justify-self:center;color:#8090a7;font-size:1rem}
.site-search-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:150px;color:#a7b4c6;font-size:.82rem}
.site-search-loading i{width:18px;height:18px;border:2px solid rgba(255,255,255,.13);border-top-color:#4b8cff;border-radius:50%;animation:search-spin .7s linear infinite}
@keyframes search-spin{to{transform:rotate(360deg)}}
.site-search-empty{display:grid;place-items:center;gap:6px;min-height:150px;padding:28px;text-align:center;color:#aeb9c9}
.site-search-empty strong{color:#fff;font-size:1rem}.site-search-empty span{font-size:.78rem}

@media(max-width:720px){
  .site-search-dialog{padding:8px;place-items:start center}
  .site-search-panel{width:100%;max-height:calc(100dvh - 16px);margin:0;border-radius:22px;padding:22px 16px 16px}
  .site-search-panel h2{padding-right:42px;margin-top:.3rem}
  .site-search-close{top:14px;right:14px}
  .site-search-field{grid-template-columns:38px minmax(0,1fr) 38px;min-height:56px;border-radius:15px}
  .site-search-meta{margin-bottom:12px}
  .site-search-hint kbd,.site-search-hint{display:none}
  .site-search-count{margin-left:auto}
  .site-search-results{min-height:120px}
  .site-search-result{grid-template-columns:46px minmax(0,1fr) 20px;padding:8px}
  .site-search-result img{width:46px;height:46px}
  .site-search-start{padding-top:16px}
}
@media(prefers-reduced-motion:reduce){.site-search-loading i{animation:none}}