/* maps.css — v4.2.0 d3 + d3-geo + TopoJSON map.
 *
 * v3.4.0~v4.1.0 의 maplibre 의존 CSS 폐기. mono guide §2 정합.
 * 색은 mono 토큰 (--accent / --muted / --text 등) 으로 동적, 별도 테마 분기 불필요.
 */

.map-card {
  margin: 18px 0;
  background: var(--card, rgba(0, 0, 0, 0.18));
  border: 1px solid var(--border-soft, rgba(125, 98, 76, 0.25));
  border-radius: 10px;
  padding: 14px;
  overflow: hidden;
}

.map-stage {
  position: relative;
  width: 100%;
  aspect-ratio: 720 / 380;
  border-radius: 6px;
  overflow: hidden;
  background: var(--map-water, #2A0E16);
}

.map-stage svg {
  display: block;
  width: 100%;
  height: 100%;
}

.map-stage .country { fill: var(--map-land, var(--bg)); }
.map-stage .country-border { stroke: var(--map-boundary, var(--text)); }

@media (max-width: 540px) {
  .map-stage { aspect-ratio: 4 / 3; }
}