.kbs-qnav{
  --qnav-panel:rgba(9,28,51,.985);
  --qnav-soft:rgba(255,255,255,.055);
  --qnav-soft-hover:rgba(255,255,255,.095);
  --qnav-border:rgba(255,255,255,.16);
  --qnav-text:#fff;
  --qnav-muted:rgba(255,255,255,.64);
  --qnav-accent:#f5de03;
  --qnav-blue:#273c8e;
  position:fixed;
  inset:0;
  z-index:10980;
  pointer-events:none;
  font-family:Roboto,Arial,sans-serif;
  color:var(--qnav-text);
}
.kbs-qnav *{box-sizing:border-box}
.kbs-qnav button,.kbs-qnav input{font:inherit}
.kbs-qnav svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.kbs-qnav__backdrop{
  position:absolute;inset:0;background:rgba(3,12,24,.58);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;
}
.kbs-qnav__dialog{
  position:absolute;left:50%;top:50%;width:min(560px,calc(100vw - 34px));max-height:min(690px,calc(100vh - 42px));
  overflow:hidden;padding:24px;border:1px solid var(--qnav-border);border-radius:6px;
  background:linear-gradient(155deg,rgba(16,41,72,.99),var(--qnav-panel));
  box-shadow:0 34px 90px rgba(0,0,0,.42);opacity:0;visibility:hidden;
  transform:translate(-50%,-47%) scale(.985);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.kbs-qnav.is-open{pointer-events:auto}
.kbs-qnav.is-open .kbs-qnav__backdrop{opacity:1;visibility:visible}
.kbs-qnav.is-open .kbs-qnav__dialog{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
html.kbs-qnav-open,body.kbs-qnav-open{overflow:hidden!important}
.kbs-qnav__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.kbs-qnav__kicker{display:block;margin-bottom:6px;color:var(--qnav-accent);font-size:9px;font-weight:900;letter-spacing:.18em}
.kbs-qnav__title{margin:0;color:var(--qnav-text);font-size:24px;line-height:1.08;font-weight:800}
.kbs-qnav__subtitle{margin:7px 0 0;color:var(--qnav-muted);font-size:11px;line-height:1.45}
.kbs-qnav__close{width:34px;height:34px;flex:0 0 34px;padding:9px;border:1px solid var(--qnav-border);border-radius:4px;background:transparent;color:var(--qnav-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}
.kbs-qnav__close:hover{color:var(--qnav-text);border-color:rgba(245,222,3,.46);background:rgba(255,255,255,.05)}
.kbs-qnav__search-wrap{position:relative}
.kbs-qnav__search-icon{position:absolute;left:15px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--qnav-muted);pointer-events:none}
.kbs-qnav__search{
  width:100%;height:54px;padding:0 62px 0 44px;border:1px solid var(--qnav-border);border-radius:4px;outline:0;
  background:rgba(255,255,255,.055);color:var(--qnav-text);font-size:14px;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.kbs-qnav__search::placeholder{color:rgba(255,255,255,.5)}
.kbs-qnav__search:focus{border-color:rgba(245,222,3,.72);background:rgba(255,255,255,.075);box-shadow:0 0 0 2px rgba(245,222,3,.07)}
.kbs-qnav__esc{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:4px 6px;border:1px solid var(--qnav-border);border-radius:3px;background:rgba(255,255,255,.035);color:var(--qnav-muted);font:700 8px/1 Roboto,Arial,sans-serif;letter-spacing:.05em}
.kbs-qnav__results{display:grid;gap:7px;max-height:400px;overflow:auto;margin-top:13px;padding-right:2px;scrollbar-width:thin}
.kbs-qnav__group-label{margin:7px 2px 1px;color:var(--qnav-accent);font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.kbs-qnav__group-label:first-child{margin-top:1px}
.kbs-qnav__result{
  display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:12px;min-height:64px;padding:10px 11px;
  border:1px solid transparent;border-radius:4px;background:var(--qnav-soft);color:var(--qnav-text);text-decoration:none!important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.kbs-qnav__result:hover,.kbs-qnav__result.is-active{background:var(--qnav-soft-hover);border-color:rgba(245,222,3,.32);transform:translateX(2px)}
.kbs-qnav__result-icon{width:38px;height:38px;padding:9px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:var(--qnav-accent);background:rgba(255,255,255,.035)}
.kbs-qnav__result-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.kbs-qnav__result-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--qnav-text);font-size:13px;font-weight:800}
.kbs-qnav__result-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--qnav-muted);font-size:10px;font-weight:600;letter-spacing:.01em}
.kbs-qnav__result-arrow{width:15px;height:15px;color:var(--qnav-muted)}
.kbs-qnav__empty{padding:22px 12px;border:1px dashed var(--qnav-border);border-radius:4px;color:var(--qnav-muted);font-size:11px;text-align:center}
.kbs-qnav__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.42);font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.kbs-qnav__footer-key{white-space:nowrap}

html[data-theme="light"] .kbs-qnav,
body.light-mode .kbs-qnav,
body.theme-light .kbs-qnav{
  --qnav-panel:rgba(255,255,255,.99);--qnav-soft:#f4f6fa;--qnav-soft-hover:#eef2f7;
  --qnav-border:rgba(20,40,70,.16);--qnav-text:#16253a;--qnav-muted:#647184;
}
html[data-theme="light"] .kbs-qnav__dialog,body.light-mode .kbs-qnav__dialog,body.theme-light .kbs-qnav__dialog{background:rgba(255,255,255,.99);box-shadow:0 34px 90px rgba(16,38,65,.22)}
html[data-theme="light"] .kbs-qnav__search::placeholder,body.light-mode .kbs-qnav__search::placeholder,body.theme-light .kbs-qnav__search::placeholder{color:#7c8796}
html[data-theme="light"] .kbs-qnav__footer,body.light-mode .kbs-qnav__footer,body.theme-light .kbs-qnav__footer{color:#8993a1}

@media(max-width:640px){
  .kbs-qnav__dialog{top:auto;bottom:12px;width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:19px;transform:translate(-50%,12px) scale(.99)}
  .kbs-qnav.is-open .kbs-qnav__dialog{transform:translate(-50%,0) scale(1)}
  .kbs-qnav__title{font-size:21px}
  .kbs-qnav__subtitle{font-size:10px}
  .kbs-qnav__search{height:50px}
  .kbs-qnav__results{max-height:52vh}
  .kbs-qnav__footer-key{display:none}
}
@media(prefers-reduced-motion:reduce){.kbs-qnav *{scroll-behavior:auto!important;transition:none!important}}

.kbs-qnav__result-copy small{display:none}