/* 단지 종합분석 페이지 위쪽 단지 검색 칸(asrch.css) — 2026-10-22. 마크업은 _rpc_inject.py, 동작은 asrch.js.
   칸 모양 = 검색 페이지의 작은 검색 칸(.ta .inp)·자동완성 목록(.cbx-list·.cbx-o)과 같은 치수·색, 높이·테두리는 옆 버튼(.v3act .tomap)에 맞춤.
   클래스 이름은 asx- 로만 쓴다(사이트 CSS 와 겹치지 않게). */
.asx{position:relative;flex:0 1 260px;min-width:170px}
.asx-ic{position:absolute;left:11px;top:50%;width:15px;height:15px;margin-top:-7.5px;fill:none;stroke:#94a3b8;stroke-width:2.2;stroke-linecap:round;pointer-events:none}
.asx-in{display:block;box-sizing:border-box;width:100%;height:34px;margin:0;padding:0 10px 0 33px;border:1px solid #dbe2ea;border-radius:9px;background:#fff;
  color:#0f172a;font:inherit;font-size:13px;font-weight:700;outline:none;-webkit-appearance:none;appearance:none}
.asx-in::placeholder{color:#94a3b8;font-weight:500}
.asx-in:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.12)}
.asx-list{position:absolute;top:calc(100% + 6px);right:0;z-index:45;box-sizing:border-box;width:max(100%,340px);max-height:300px;margin:0;padding:4px;
  overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #e8edf1;border-radius:12px;box-shadow:0 10px 26px rgba(15,23,42,.12);text-align:left}
.asx-list[hidden]{display:none}
.asx-it{display:flex;align-items:baseline;flex-wrap:wrap;gap:1px 8px;min-height:36px;box-sizing:border-box;padding:8px 10px;border-radius:8px;color:#0f172a;text-decoration:none;cursor:pointer}
.asx-it:hover,.asx-it[aria-selected="true"]{background:#effaf3}
.asx-nm{font-size:13px;font-weight:600;min-width:0;overflow-wrap:anywhere}
.asx-nm b{font-weight:800}
.asx-sub{font-size:11.5px;color:#94a3b8;white-space:nowrap}
.asx-msg{padding:8px 10px;font-size:12px;font-weight:600;color:#475569}
@media (max-width:999.98px){
  /* 999px 이하: 검색 칸만 둘째 줄 전체 폭. 첫 줄(breadcrumb·버튼)은 원래 자리·크기 그대로(격자라 버튼이 줄바꿈되지 않음).
     760~999px 에서 같은 줄에 두면 breadcrumb 자리가 270px 줄어 760px 에서는 표본 전부, 900px 에서는 표본 38쪽 중 11쪽이 잘렸다(10-22 검수 실측). */
  .v3top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .asx{grid-column:1/-1;grid-row:2;min-width:0;max-width:calc(100vw - 32px)}
  .asx-list{left:0;right:0;width:auto}
}
@media (max-width:759.98px){
  /* 휴대폰: 손가락 크기 · 아이폰 확대 방지(입력 글자 16px) */
  .asx-in{height:40px;font-size:16px}
  .asx-ic{left:12px}
  .asx-it{min-height:42px}
  .asx-nm{font-size:14px}
}