/* 대륙 탐험 모달 — 수도 기후 그래프 (세계의 기후 앱 스타일) */

.explore-modal__climate {
  margin: 14px 0 4px;
  padding: 12px 12px 10px;
  border-radius: var(--radius-card, 14px);
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--separator, rgba(60, 60, 67, 0.12));
}

.explore-modal__climate-heading {
  margin: 0 0 4px;
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--geopus-brown, #8b5e3c);
  letter-spacing: 0.02em;
}

.explore-modal__climate-caption {
  margin: 0 0 8px;
  font-size: 0.72rem;
  line-height: 1.4;
  color: var(--text-tertiary, #8e8e93);
}

.explore-modal__chart-wrap {
  position: relative;
  width: 100%;
  height: clamp(200px, 42vw, 260px);
  min-height: 200px;
}

.explore-modal__chart-wrap canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.explore-modal__chart-legend {
  margin: 8px 0 0;
  font-size: 0.68rem;
  line-height: 1.45;
  color: var(--text-secondary, #636366);
}

.explore-modal__chart-source {
  margin: 4px 0 0;
  font-size: 0.62rem;
  color: var(--text-tertiary, #8e8e93);
}

.explore-modal__climate-missing {
  margin: 10px 0 4px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 0.8rem;
  color: var(--text-secondary, #636366);
  background: var(--bg-soft, #f2f2f7);
  text-align: center;
}

.explore-legend-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 2px;
  border-radius: 50%;
  vertical-align: middle;
}

.explore-legend-dot--temp {
  background: #ff3b30;
}

.explore-legend-dot--rain {
  background: rgba(0, 122, 255, 0.55);
}

.explore-legend-dot--guide {
  background: transparent;
  border: 1.5px dashed rgba(192, 57, 43, 0.65);
  width: 7px;
  height: 7px;
}