.kbsearch{width:100%;max-width:620px;position:relative}.kbsearch__field{background:hsl(var(--background));border:1px solid hsl(var(--input));height:60px;box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:12px;padding:0 18px;transition:border-color .15s,box-shadow .15s;display:flex}.kbsearch__field:focus-within{border-color:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--ring) / .14), var(--shadow-md)}.kbsearch__icon{color:hsl(var(--muted-foreground));flex-shrink:0}.kbsearch__field input{min-width:0;height:100%;font-family:var(--font-sans);color:hsl(var(--foreground));background:0 0;border:none;outline:none;flex:1;font-size:16px}.kbsearch__field input:focus-visible{box-shadow:none}.kbsearch__field input::placeholder{color:hsl(var(--muted-foreground))}.kbsearch__kbd{font-family:var(--font-mono);color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));background:hsl(var(--surface));border-radius:6px;flex-shrink:0;padding:3px 7px;font-size:11px;font-weight:600}.kbsearch__clear{background:hsl(var(--muted) / .7);cursor:pointer;width:28px;height:28px;color:hsl(var(--muted-foreground));border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:none}.kbsearch.is-typing .kbsearch__clear{display:inline-flex}.kbsearch.is-typing .kbsearch__kbd{display:none}.kbsearch__results{z-index:60;background:hsl(var(--popover));border:1px solid hsl(var(--border));box-shadow:var(--shadow-xl);text-align:left;border-radius:14px;max-height:60vh;padding:6px;display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow-y:auto}.kbsearch.is-open .kbsearch__results{display:block}.kbsearch__hint{text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--muted-foreground));padding:8px 14px 6px;font-size:11px;font-weight:600}.kbresult{color:hsl(var(--foreground));border-radius:10px;align-items:flex-start;gap:13px;padding:11px 14px;text-decoration:none;transition:background .12s;display:flex}.kbresult:hover,.kbresult.is-active{background:hsl(var(--accent))}.kbresult__ic{background:hsl(var(--surface));width:34px;height:34px;color:hsl(var(--primary));border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kbresult:hover .kbresult__ic,.kbresult.is-active .kbresult__ic{background:hsl(var(--background))}.kbresult__body{flex-direction:column;min-width:0;display:flex}.kbresult__title{font-size:14.5px;font-weight:600;line-height:1.35}.kbresult__title mark{background:hsl(var(--primary) / .16);color:inherit;border-radius:3px;padding:0 1px}.kbresult__meta{color:hsl(var(--muted-foreground));margin-top:2px;font-size:12px}.kbresult__meta .cat{color:hsl(var(--primary));font-weight:500}.kbsearch__empty{text-align:center;color:hsl(var(--muted-foreground));padding:22px 16px;font-size:14px}.kbsearch__empty b{color:hsl(var(--foreground));font-weight:600}.kbsearch__field--sm{height:52px}.kbsearch{margin:0}.kbsearch__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kbsearch__field input[type=search]{appearance:none}.kbsearch__field input::-webkit-search-cancel-button{appearance:none;display:none}.kbsearch__all{margin-top:var(--space-1);padding:var(--space-3) 14px;border-top:1px solid var(--border-subtle);font-size:var(--text-sm);font-weight:var(--weight-heading);color:var(--brand-text);text-decoration:none;display:block}.kbsearch__all:hover{text-decoration:underline}.kbsearch__empty+.kbsearch__all{margin-top:0}.kbsearch--submit{max-width:660px}.kbsearch--submit .kbsearch__field{height:60px;padding:0 var(--space-2) 0 18px;border:1.5px solid var(--fg);border-radius:var(--r-lg);box-shadow:none}.kbsearch--submit .kbsearch__field input{font-size:var(--text-lg)}.kbsearch__submit{border-radius:var(--r-md);background:var(--brand);min-height:44px;color:var(--on-brand);font:inherit;font-size:15px;font-weight:var(--weight-heading);cursor:pointer;border:0;flex:none;padding:0 18px}.kbsearch__submit:hover{background:var(--brand-hover)}@media (width<=720px){.kbsearch--submit .kbsearch__field{gap:var(--space-2);height:56px;padding-left:14px}.kbsearch--submit .kbsearch__field input{font-size:var(--text-base)}.kbsearch__submit{padding:0 14px}}.kbsearch__go{cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0;display:inline-flex}.kbsearch__go:focus-visible{outline:2px solid var(--brand);outline-offset:2px}