/* ============================================================
   사람찾기 — 홈/검색 전용 스타일
   ============================================================ */
.hero{padding:7vh 0 0;text-align:center;}
.hero h1{font-family:"Gowun Batang",serif;font-size:clamp(46px,11vw,82px);font-weight:700;margin:0;
  letter-spacing:.01em;line-height:1;color:var(--ink);}
.hero p.sub{color:var(--muted);font-size:17px;margin:20px 0 36px;font-weight:300;line-height:1.7;}

.searchbox{display:flex;align-items:center;gap:12px;max-width:720px;margin:0 auto;
  background:var(--card);border:1px solid var(--line-2);border-radius:34px;padding:10px 12px 10px 28px;
  box-shadow:var(--shadow);transition:.18s;}
.searchbox:focus-within{box-shadow:var(--shadow-lg);border-color:var(--accent);}
.searchbox svg{flex:none;color:var(--muted);width:22px;height:22px;}
.searchbox input{flex:1;border:none;outline:none;background:none;font-size:19px;padding:16px 0;}
.searchbox button.go{background:var(--accent);color:#fff;border-radius:28px;padding:15px 32px;font-weight:600;font-size:17px;
  box-shadow:0 4px 14px -4px rgba(26,115,232,.5);transition:.15s;}
.searchbox button.go:hover{background:var(--accent-deep);}

.hero .actions{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.ghost{border:1px solid var(--line-2);background:var(--paper-2);border-radius:24px;padding:13px 22px;font-size:15.5px;font-weight:500;
  color:var(--ink);transition:.15s;display:inline-block;}
.ghost:hover{border-color:var(--accent);color:var(--accent-deep);}
.filterhint{margin-top:30px;color:var(--muted);font-size:14px;}

.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;max-width:720px;margin:16px auto 0;}
.chip{font-size:14px;padding:8px 15px;border-radius:20px;border:1px solid var(--line);background:var(--paper-2);
  color:var(--muted);transition:.15s;}
.chip:hover{border-color:var(--accent);color:var(--accent-deep);}

/* 홈 검색 자동완성 */
.search-wrap{position:relative;max-width:720px;margin:0 auto;}
.search-wrap .searchbox{max-width:none;margin:0;width:100%;}
.sug-panel{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line-2);
  border-radius:14px;box-shadow:var(--shadow-lg);max-height:320px;overflow:auto;display:none;padding:6px;text-align:left;}
.sug-panel.open{display:block;}
.sug-item{padding:12px 15px;font-size:15.5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:9px;}
.sug-item:hover,.sug-item.active{background:var(--accent-soft);color:var(--accent-deep);}
.sug-item .ty{font-size:11px;color:var(--muted);font-weight:600;flex:none;}
.sug-item:hover .ty,.sug-item.active .ty{color:var(--accent-deep);}

/* ── v26 UI 폴리시 ── */
.chip{transition:.15s;cursor:pointer;}
.chip:hover{border-color:var(--accent);color:var(--accent-deep);background:#fff;}
.ghost{transition:.15s;cursor:pointer;}
.ghost:hover{border-color:var(--accent);color:var(--accent-deep);background:#fff;}
.searchbox{transition:box-shadow .15s, border-color .15s;}
.searchbox:focus-within{border-color:var(--accent);box-shadow:0 1px 6px rgba(32,33,36,.18),0 0 0 3px rgba(26,115,232,.12);}
.searchbox button.go{transition:background .15s, transform .08s;}
.searchbox button.go:hover{background:var(--accent-deep);}
.searchbox button.go:active{transform:translateY(1px);}

/* ============================================================
   v30.1 모바일 검색창 보강 — 검색 버튼 잘림 수정
   ============================================================ */
.searchbox input{min-width:0;}
@media (max-width:720px){
  .hero{padding-top:5vh;}
  .hero h1{font-size:clamp(38px,12vw,56px);}
  .hero p.sub{font-size:15px;margin:14px 0 26px;}
  .searchbox{gap:8px;padding:7px 7px 7px 18px;border-radius:30px;}
  .searchbox svg{width:19px;height:19px;}
  .searchbox input{font-size:16px;padding:12px 0;}
  .searchbox button.go{padding:12px 18px;font-size:15px;flex:none;border-radius:24px;}
  .ghost{padding:12px 18px;font-size:14.5px;}
}