/* Live events layer for the India Incident Map (1.0.216, owner-approved 21 Oct 2026).
   Loaded only when the layer is active. Every rule is new and prefixed hts-live-; no existing
   map rule is changed. Pin shape B (teardrop) as in LIVE-EVENTS-MOCKUP-final-B. */
:root{--hts-live:#4338ca}

/* Teardrop pin B, sized like a medium case-study circle (owner feedback 21 Oct 2026).
   The marker box is a transparent 32 x 36 px hit area (accessible tap target); the visible pin is --d + 4 px wide
   (18 px desktop, 16 px phone), and its tip sits exactly on the anchor point (16, 27). */
.hts-imap-map .hts-live-icon{background:none;border:0}
.hts-live-lp{--d:14px;--o:calc(var(--d) + 4px);--tip:27px;position:relative;width:32px;height:36px}
.hts-live-lp.a2 .hts-live-drop,.hts-live-lp.a2 .hts-live-fresh{opacity:.8}
.hts-live-lp.a3 .hts-live-drop{opacity:.6}
.hts-live-drop{position:absolute;width:var(--d);height:var(--d);left:calc(16px - var(--o) / 2);top:calc(var(--tip) - var(--o) * .7071 - var(--o) / 2);background:var(--hts-live);border:2px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 1px 3px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;box-sizing:content-box}
.hts-imap-map .hts-live-drop svg.ic{width:calc(var(--d) * .52)!important;height:calc(var(--d) * .52)!important;transform:rotate(45deg);stroke:#fff;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;display:block}
.hts-live-fresh{position:absolute;width:5px;height:5px;left:calc(16px + var(--o) / 2 - 6px);top:calc(var(--tip) - var(--o) * .7071 - var(--o) / 2 - 3px);border-radius:50%;background:#16a34a;border:1.5px solid #fff;box-sizing:content-box}
@media (max-width:760px){.hts-live-lp{--d:12px}}

/* Popup and mobile card (same structure as the case-study popup, purple instead of orange) */
.hts-imap-pop.hts-live-pop{width:300px}
.hts-imap-kicker.hts-live-kicker{color:var(--hts-live)}
.hts-live-kicker i{font-style:normal;color:var(--im-muted,#66717c);font-weight:700;text-transform:none;letter-spacing:0}
a.hts-imap-btn.hts-live-btn{background:var(--hts-live)}
.hts-live-applink{font-size:12px;color:var(--im-muted,#66717c);margin:6px 0 0}
.hts-live-foot{margin-top:9px;padding-top:7px;border-top:1px dashed #cfd5da;font-size:11px;color:var(--im-muted,#66717c);line-height:1.4}
.hts-imap-sheet.hts-live-sheet .hts-live-kicker{margin-bottom:4px}
.hts-imap-sheet.hts-live-sheet .hts-live-foot{margin-top:10px}
.hts-imap-pop.hts-live-pop a.hts-imap-citylink,.hts-live-sheet a.hts-imap-citylink{margin-left:0;margin-top:8px}

/* Legend entry (new row item inside the existing legend) */
.hts-imap-legend .hts-live-lg{display:inline-flex;align-items:center;white-space:nowrap}
.hts-imap-legend .hts-live-lg i{width:10px;height:10px;margin:0 7px 2px 3px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--hts-live);border:1.5px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.25)}

/* Side card */
.hts-live-card[hidden]{display:none}
.hts-live-card .hts-live-meta{font-size:12px;line-height:1.5;color:var(--im-muted,#66717c);margin:-4px 0 8px}
.hts-live-card .hts-imap-badge{background:#e6e4fb;color:var(--hts-live);vertical-align:2px}
.hts-live-card .hts-live-h3{font-family:inherit;margin:12px 0 4px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--im-muted,#66717c)}
.hts-live-card .hts-live-list{max-height:260px}
.hts-live-card .hts-live-dot{width:12px;height:12px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--hts-live);margin-top:4px;display:block}
.hts-live-card .hts-live-dot.is-grey{background:#a9b2ba}
.hts-live-card li.is-nopin,.hts-live-card li.is-covered{cursor:default}
.hts-live-card li.is-nopin b a,.hts-live-card li.is-covered b a{color:inherit;text-decoration:none}
.hts-live-card li.is-nopin b a:hover,.hts-live-card li.is-covered b a:hover{color:var(--im-orange,#f36b21)}
.hts-live-card .hts-live-attrib{margin-top:10px}