/* Geographically accurate, pre-rendered street context in corridor cards. */
.road-art.mini-map-art {
  background: #eaf0eb;
  isolation: isolate;
}
.road-art.mini-map-art::before { display: none; }
.mini-map-surface { position: absolute; inset: 0; background: #eef1ec; }
.mini-map-surface svg { display: block; width: 100%; height: 100%; }
.mini-map-loading {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  color: #67827c; font-size: 11px; font-weight: 700; white-space: nowrap;
}
.mini-map-art .art-badge {
  z-index: 2; top: 14px; left: 14px; border-radius: 9px;
  color: #fff; background: #102d3be9; letter-spacing: 1.05px;
  box-shadow: 0 6px 18px #15333b27; padding: 9px 11px;
}
.mini-map-art .art-badge i { background: var(--status-colour, #367487); }
.mini-map-art .road-art-foot {
  z-index: 2; bottom: 10px; right: 11px; font-size: 8px;
  padding: 6px 8px; border-radius: 7px; color: #496565;
  letter-spacing: .45px; background: #fffef7ed; box-shadow: 0 2px 10px #385a4a16;
}
.mini-map-art .road-art-foot a { color: inherit; text-decoration: none; border-bottom: 1px solid #95aaa7; }
.mini-map-art .road-art-foot a:hover { color: #175768; }
.mini-map-art .mini-street-label {
  font: 650 16px 'DM Sans', sans-serif; fill: #85948d;
  stroke: #f8faf5; stroke-width: 4; stroke-linejoin: round; paint-order: stroke;
}
.road-card.featured .mini-map-art { min-height: 300px; }
@media (max-width: 900px) {
  .road-card.featured .mini-map-art { min-height: 210px; }
}
@media (max-width: 650px) {
  .road-card.featured .mini-map-art { min-height: 180px; }
  .mini-map-art .art-badge { top: 10px; left: 10px; font-size: 9px; padding: 7px 9px; }
  .mini-map-art .road-art-foot { font-size: 7px; bottom: 8px; }
}