html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* 画面全体を縦分割 */
.container {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

/* 上70%を地図 */
#map {
  height: 70vh;
  width: 100%;
}

/* 下30%を入力欄 */
.bottom-panel {
  height: 30vh;
  background: white;
  padding: 12px;
  box-sizing: border-box;
  overflow-y: auto; /* 中身が多くなってもスクロール可能 */
  box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
}

/* 入力欄 */
#destination {
  width: 100%;
  padding: 8px;
  font-size: 16px;
  box-sizing: border-box;
}