/* Scoped to existing lightning card; no changes to BOM or other tiles. */
#sl-map-panel { margin: 1.1rem 0 0; padding: 1rem; border: 1px solid rgba(135,150,165,.38); border-radius: 12px; }
#sl-map-panel h3 { font-size: 1.1rem; font-weight: 600; margin: 0 0 .5rem; }
#sl-map-panel p { line-height: 1.45; margin: .45rem 0; }
#sl-map-panel .sl-map-holder { display: flex; justify-content: center; margin: .8rem auto; }
#sl-map-panel .sl-map-frame { position: relative; width: min(100%, 340px); aspect-ratio: 330 / 608; overflow: hidden; border: 1px solid rgba(135,150,165,.45); border-radius: 10px; background: #1c242a; }
#sl-map-panel .sl-map-frame[hidden] { display: none; }
#sl-map-panel .sl-map-frame img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
#sl-map-panel .sl-map-note { font-size: .85rem; opacity: .82; }
#sl-map-panel a { text-decoration: underline; }
@media (max-width:480px) { #sl-map-panel { padding: .7rem; } #sl-map-panel .sl-map-frame { width: min(100%, 310px); } }