.stage{padding:20px}.audit-map{position:relative;aspect-ratio:16/6;overflow:hidden}.audit-map>img{width:100%;height:100%;object-fit:cover;object-position:center 62%;filter:brightness(.65)}.audit-map svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.boundary{fill:#7FB2E522;stroke:#EEF1F3;stroke-width:3;stroke-dasharray:10 8}.network-layer{fill:var(--accent);stroke:var(--accent);stroke-width:7;opacity:1;transition:opacity .5s}.network-layer path{fill:none}.network-layer[data-layer=water]{stroke:var(--text);fill:var(--text)}.network-layer[data-layer=road]{stroke:#AEB7BE;fill:#AEB7BE;stroke-width:15}.network-layer[hidden]{display:none}.map-caption{position:absolute;left:20px;bottom:18px;background:var(--bg);padding:8px 12px;font-size:13px;max-width:calc(100% - 40px)}.layer-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.layer-controls button{font-size:14px}@media(max-width:700px){.audit-map{aspect-ratio:1/1.1}.audit-map svg{width:178%;max-width:none;left:-38%;}.map-caption{left:10px;bottom:10px;max-width:calc(100% - 20px);font-size:12px}.layer-controls{gap:8px}.layer-controls button{width:100%;text-align:left}}

.audit-map>img{object-position:center}.audit-map svg{width:100%;max-width:100%;left:0}