.ui-autocomplete { z-index: 1001; max-height: 200px; padding-right: 20px; left: 105px; width: 180px; }
.autocomplete-listbox {
  position: absolute;
  left: 16px;                  /* .search-box padding과 맞춤 */
  right: 16px;
  top: calc(100% - 6px);       /* 입력창 바로 아래 */
  z-index: 1000;
  margin: 6px 0 0;
  padding: 6px 0;
  list-style: none;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(0,0,0,.10);
  max-height: 320px;
  overflow: auto;
}
.autocomplete-listbox .ac-option:hover,
.autocomplete-listbox .ac-option[aria-selected="true"] {
  background: #f3f4f6;
}

/* 빈 결과 */
.autocomplete-listbox .ac-empty {
  color: #6b7280;
  cursor: default;
}

/* 매칭 하이라이트 */
.autocomplete-listbox mark {
  background: #fff3bf;
  padding: 0 .5px;
  border-radius: 2px;
}

/* 스크롤바(옵션) */
.autocomplete-listbox::-webkit-scrollbar {
  width: 10px;
}
.autocomplete-listbox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #d1d5db;
}

/* 접근성: 키보드 포커스가 리스트로 이동했을 때(브라우저 별) */
.autocomplete-listbox:focus-visible {
  outline: 3px solid rgba(59,130,246,.35);
  outline-offset: 2px;
}