/* 텔비 지도 공용 꼴 (2026-10-16 디자인 검토 D-13·D-15) — 페이지가 이 파일을 실으면 Leaflet 기본 꼴 대신 텔비 꼴.
 * 기획: backend/.omc/plans/design-review-20261015.md §3·§7. 값은 theme.css 토큰(--bw·--sh·--outline·--surface).
 *
 * MapControl: 확대(+/−)는 세로 알약 하나, 내 위치 등 단추는 44px 원 — 머리띠 도구와 같은 외곽선·딱딱한 그림자.
 *   꺼진 「−」는 흐림(.4)이 아니라 --sub 아이콘(1.75:1 → 4.7:1), Leaflet 이 달아 주는 aria-disabled 를 그대로 씀.
 * ClusterMarker: `.tm-cl` — 흰 바탕·외곽선·딱딱한 그림자·숫자 800. 지름은 TellbyMap.clusterSize().
 * Attribution: 11px #475569 on 흰 .85 (예전 9.5px 1.21:1 / Leaflet 기본 링크 파랑).
 */
.leaflet-touch .leaflet-bar,.leaflet-bar{border:var(--bw,2px) solid var(--outline,#111);border-radius:var(--r-pill,999px);box-shadow:var(--sh,2px 2px 0 #111);overflow:hidden;background:var(--surface,#fff)}
.leaflet-touch .leaflet-bar a,.leaflet-bar a{width:44px;height:44px;line-height:44px;font:700 22px/44px var(--font,system-ui);color:var(--txt,#0f172a);background:var(--surface,#fff);border-bottom:1px solid var(--border,#e5e5e5)}
.leaflet-bar a:last-child{border-bottom:0}
.leaflet-bar a:hover{background:var(--raise,#f1ede9)}
.leaflet-bar a.leaflet-disabled,.leaflet-bar a[aria-disabled="true"]{color:var(--sub,#475569);background:var(--sink,#f7f4f1);opacity:1;cursor:default}
.leaflet-bar a:focus-visible,.tm-btn:focus-visible{outline:none;box-shadow:var(--focus-ring,0 0 0 2px #111,0 0 0 4px #ff6933)}
.tm-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:var(--bw,2px) solid var(--outline,#111);border-radius:var(--r-round,50%);
  background:var(--surface,#fff);color:var(--txt,#0f172a);box-shadow:var(--sh,2px 2px 0 #111);cursor:pointer}
.tm-btn svg{width:22px;height:22px;fill:currentColor}
.tm-btn:hover{background:var(--raise,#f1ede9)}
.leaflet-container .leaflet-control-attribution{font:400 11px/1.4 var(--font,system-ui);color:#475569;background:rgba(255,255,255,.85);padding:1px 6px;border-radius:6px 0 0 0}
.leaflet-container .leaflet-control-attribution a{color:#475569;text-decoration:underline}
.tm-cl{background:none;border:0}
.tm-clb{display:grid;place-items:center;border-radius:var(--r-round,50%);background:var(--surface,#fff);border:var(--bw,2px) solid var(--outline,#111);
  box-shadow:var(--sh,2px 2px 0 #111);color:var(--txt,#0f172a);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;box-sizing:border-box}
.leaflet-heatmap-layer{opacity:.55}   /* D-14 한 색 단계 불투명도 — TellbyMap.HEAT_OPACITY */