/* 제목/설명 */
h1 { text-align:center; font-size:2rem; margin-top:2rem; color:var(--text-color); }
.description { text-align:center; font-size:1rem; margin-bottom:1.5rem; color:var(--text-secondary); }

/* 링크 (항상 포함) */
.logo { text-decoration:none; color:white; font-weight:bold; }
.logo:hover { opacity:0.8; }

/* 입력 래퍼 */
.select-wrapper {
  width:95%; max-width:800px; margin:0 auto 1rem auto;
  display:flex; flex-direction:column; gap:0.5rem;
}
.select-wrapper label { font-size:1rem; color:var(--text-color); }

/* 행 */
.row { display:grid; grid-template-columns:1fr auto; gap:0.5rem; }
.row-3 { grid-template-columns:1fr 1fr auto; }

/* 인풋/버튼 */
input[type="text"], input[type="number"]{
  width:100%; padding:0.6rem; font-size:1rem; border-radius:8px;
  border:1px solid var(--border-color, #ccc); background:var(--card-bg);
  color:var(--text-color); box-sizing:border-box;
}
.primary-btn, .map-btn{
  padding:0.6rem 0.9rem; border-radius:8px; border:1px solid var(--border-color, #ccc);
  background:var(--tag-bg); color:#fff; cursor:pointer; text-align:center;
}
.primary-btn:hover, .map-btn:hover{ opacity:0.9; }
.hint{ margin:0; font-size:0.9rem; color:var(--text-secondary); }

/* 검색 결과 목록 */
.list{
  list-style:none; margin:0; padding:0;
  background:var(--card-bg); border:1px solid var(--border-color, #ddd);
  border-radius:10px; overflow:hidden;
}
.list li{
  padding:0.7rem 0.9rem; border-bottom:1px solid var(--border-color, #eee);
  cursor:pointer; color:var(--text-color);
}
.list li:last-child{ border-bottom:none; }
.list li:hover{ background:rgba(0,0,0,0.04); }

/* 역지오코딩 카드 */
.reverse-card{
  margin-top:0.5rem; padding:0.9rem; border-radius:10px;
  background:var(--card-bg); color:var(--text-color);
  box-shadow:0 2px 6px rgba(0,0,0,0.1);
  border:1px solid var(--border-color, #ddd);
}
.reverse-card > div{
  display:flex; justify-content:space-between; gap:1rem; margin-bottom:0.4rem;
}
.map-actions{ display:flex; gap:0.5rem; margin-top:0.4rem; }

/* 지도 */
#map-wrap{
  width:95%; max-width:1000px; margin:1.5rem auto 2rem;
  background:var(--card-bg); border:1px solid var(--border-color, #ddd);
  border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.1); overflow:hidden;
}
#map{ width:100%; height:clamp(260px, 40vh, 520px); }

/* 다크 모드 */
html.dark-mode input{ border-color:#555; background:var(--card-bg); color:var(--text-color); }
html.dark-mode .reverse-card{ border-color:#444; }
html.dark-mode #map-wrap{ border-color:#444; }