/* course map page (map.js) */
.pg .body.mp-body { padding: 0; overflow: hidden; position: relative; }
.mp-map { position: absolute; inset: 0; background: var(--bg2); }
.mp-layers { position: absolute; top: 10px; right: 10px; z-index: 500; display: flex; background: var(--card); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
.mp-layers button { padding: 8px 12px; font-size: 13px; font-weight: 600; color: var(--muted); }
.mp-layers button.on { background: var(--amber); color: #1a1200; }
.mp-card { position: absolute; left: 10px; right: 10px; bottom: calc(var(--sab) + 10px); z-index: 500; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; box-shadow: 0 6px 20px rgba(0,0,0,.3); }
.mp-card .mp-h { font: 800 16px/1.25 var(--head); }
.mp-card .mp-bib { display: inline-block; font: 700 12px var(--mono); background: var(--amber); color: #1a1200; border-radius: 6px; padding: 2px 6px; margin-left: 6px; vertical-align: 2px; }
.mp-card .mp-s { color: var(--muted); font-size: 13px; margin-top: 3px; }
.mp-card .mp-n { color: var(--dim); font-size: 12px; margin-top: 4px; }
.mp-runner span { display: inline-block; min-width: 44px; text-align: center; font: 700 13px/26px var(--mono); background: var(--hot); color: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.4); position: relative; }
.mp-runner span::after { content: ""; position: absolute; left: 50%; bottom: -6px; margin-left: -6px; border: 6px solid transparent; border-top-color: var(--hot); border-bottom: 0; }
.leaflet-tooltip.mp-tip { background: rgba(14,19,24,.85); color: #fff; border: 0; border-radius: 6px; font: 600 11px var(--body); padding: 2px 6px; box-shadow: none; }
.leaflet-tooltip.mp-tip::before { display: none; }
.leaflet-container { font-family: var(--body); }
.leaflet-control-zoom a { background: var(--card) !important; color: var(--fg) !important; border-color: var(--line) !important; }
.leaflet-control-attribution { font-size: 9px; background: rgba(255,255,255,.6) !important; }