body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

#map {
  width: 100%;
  height: calc(100dvh - 60px); /* 버튼 영역 고려 */
  max-height: 100%;
}

.map-buttons {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
}

.map-buttons button {
  margin-right: 5px;
  padding: 10px 16px;
  font-size: 16px;
  border: none;
  background-color: #ffffffdd;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.map-buttons button:hover {
  background-color: #e0e0e0;
}

/* 📱 모바일에서 글자 키우기 */
/*@media (max-width: 600px) {*/
/*  .map-buttons button {*/
/*    font-size: 2.0rem;*/
/*    padding: 1.2rem 2.0rem;*/
/*  }*/
/*}*/
@media (max-width: 600px) {
  .map-buttons button {
    font-size: 1.3rem;         /* ✅ 너무 크지 않게 적당히 키움 */
    padding: 0.6rem 1.2rem;    /* ✅ 여백도 줄임 */
  }
}