/* map.css — 지도 조각(fragments/map.html)의 컨테이너. 누리집과 관리자 화면이 같은 조각을 쓰므로 계통 CSS 밖에 둔다.
   색·간격·글자 크기·라운드는 토큰만 쓴다 — 컨벤션 23. 지도 안의 색은 지도 스타일(js/common/map-style.js)이 갖는다.
   높이는 폭에 비례한다 — 지도는 컨테이너가 크기를 가진 뒤에 만들어지므로 높이가 0이면 안 된다. */
.map {
  position: relative; aspect-ratio: 5 / 2;
  border: var(--bd); border-radius: var(--r-lg); overflow: hidden;
  background: var(--c-surface-mute);
}
.map__canvas { position: absolute; inset: 0; }
.map__notice {
  margin: 0; padding: var(--sp-6);
  font-size: var(--fs-15); line-height: var(--lh-base); color: var(--c-text-mute); word-break: keep-all;
}
/* 눌러 고르는 마커 — 채택교·협업대학 지도가 같은 기본 마커(js/common/map.js의 addMapPin)에 붙인다 */
.map-marker { cursor: pointer; }
.map-marker:focus-visible { outline: none; box-shadow: var(--shadow-focus); border-radius: var(--r-full); }

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