/* maplibre-gl.css — MapLibre 기본 스타일(/vendor/maplibre-gl/maplibre-gl.css)의 오버라이드. 지도 조각(fragments/map.html)이 그 뒤에 싣는다.
   외부 라이브러리 오버라이드는 라이브러리 단위로 이 폴더에 묶는다 — 컨벤션 08 §6.3. */

/* 출처 표기는 접지 않고 상시 노출한다 — 지도 글꼴과 맞춘다 */
.map .maplibregl-ctrl-attrib { font-family: var(--font-sans); font-size: var(--fs-11); }

/* 핀 이름 말풍선 — 디자인 시스템 핀 팝업 카드(components/map-pin-list.html의 .school-card)를 이름만 담게 줄인 것.
   라이브러리 기본의 3px 라운드·회색 그림자·닫기 버튼 자리를 걷고 토큰으로 맞춘다.
   말풍선 폭은 라이브러리가 최대 240px로 묶으므로, 그보다 긴 이름(영어·베트남어 기관명)은 줄을 바꿔 상자 안에 담는다.
   한 줄로 고정하면 글이 상자 밖으로 나간다. 한국어는 어절 단위로 끊고, 한 단어가 폭보다 길면 그 안에서 끊는다 */
.map .maplibregl-popup { z-index: var(--z-raised); }
.map .maplibregl-popup-content {
  padding: var(--sp-2) var(--sp-3); border-radius: var(--r-md); box-shadow: var(--shadow-lg);
  font-family: var(--font-sans); font-size: var(--fs-14); font-weight: var(--fw-semibold); line-height: var(--lh-tight);
  color: var(--c-text); text-align: center; word-break: keep-all; overflow-wrap: anywhere;
}