/* Sabotage, Drone sightings and Power cuts pages: a map over the Migration page's cards, and one card per incident. */
.incident-map,.country-map { height:clamp(300px,46vh,460px); margin-top:12px; border:1px solid #38242d; background:#0a090b; color:#a99aa0; font-size:11px; }
.incident-map .maplibregl-ctrl-attrib,.country-map .maplibregl-ctrl-attrib { font-size:9px; }
.incident-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:12px; }
.incident-card strong { font-size:clamp(18px,1.8vw,24px); letter-spacing:-.4px; line-height:1.15; }
.incident-card .metric-period + .metric-period { margin-top:4px; }
.incident-card .report-links { margin:10px 0 0; padding:0; list-style:none; font-size:11px; line-height:1.45; }
.incident-card .report-links li + li { margin-top:7px; }
.incident-card .report-links a { color:#e9dfe3; }
.incident-card .report-links small { display:block; color:#99878f; font-size:9px; }
.incident-tip .maplibregl-popup-content { padding:8px 10px; border:1px solid #4a2632; border-radius:0; background:#120d10; color:#f2ecee; font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; }
.incident-tip .maplibregl-popup-tip { display:none; }
@media(max-width:1080px) { .incident-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .incident-grid { grid-template-columns:1fr; } .incident-map { height:300px; } }
/* Country pages: a key under the map, one swatch per band. */
.map-key { display:flex; flex-wrap:wrap; gap:6px 16px; margin:8px 0 0; padding:0; list-style:none; color:#c4b8bd; font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; }
.map-key i { display:inline-block; width:10px; height:10px; margin-right:6px; vertical-align:-1px; background:var(--swatch); }
@media(max-width:760px) { .country-map { height:300px; } }