.searchbox{max-width:760px;margin-inline:auto;position:relative;width:100%}.searchbox__form{display:flex;gap:.6rem;flex-wrap:wrap}.searchbox__input-wrap{position:relative;flex:1 1 320px;min-width:0}.searchbox__input{width:100%;min-height:64px;padding:1.05rem 1.4rem;border-radius:999px;border:1px solid var(--line-strong);font:inherit;font-size:1.12rem;background:var(--surface);color:var(--ink);box-sizing:border-box;box-shadow:0 2px 10px rgba(0,0,0,.04)}.searchbox__input:focus{outline:2px solid var(--brand,#8a6a4a);outline-offset:2px}.searchbox__dropdown{position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:20;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.08);overflow:hidden;max-height:70vh;overflow-y:auto}.searchbox__hint{padding:.5rem 1rem;font-size:.82rem;color:var(--ink-faint,#6b6056);border-bottom:1px solid var(--line,#e6e0d6)}.searchbox__option{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem 1rem;min-height:56px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line,#efe9df)}.searchbox__option:last-child{border-bottom:0}.searchbox__option--highlight,.searchbox__option:focus,.searchbox__option:hover{background:var(--surface-low,#f6f1e6);outline:2px solid var(--brand,#8a6a4a);outline-offset:-2px}.searchbox__option-title{font-weight:600;font-size:.98rem;display:block;margin-bottom:.15rem;color:var(--ink)}.searchbox__option-sub{font-size:.85rem;color:var(--ink-muted,#6b6056);display:block;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.searchbox__badge{display:inline-flex;align-items:center;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.25rem .55rem;border-radius:999px;background:var(--surface-low,#f6f1e6);color:var(--ink-muted,#6b6056);border:1px solid var(--line,#e6e0d6);margin-top:.15rem;min-height:26px}.searchbox__badge--demand{background:#f1ece0;color:#6b5a3a;border-color:#e0d6bd}.searchbox__badge--herb{background:#e6efe6;color:#2f5d2f;border-color:#cfe1cf}.searchbox__badge--tool{background:#e6ecf3;color:#2f4360;border-color:#cfd9e1}.searchbox__badge--bridge{background:#f0e6ef;color:#5a2f5a;border-color:#e1cfe1}.searchbox__body{flex:1 1 auto;min-width:0}