:root {
  --sans: Inter, system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
}

html,
body,
.street-embed {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.street-embed {
  display: grid;
  grid-template-columns: minmax(140px, 2fr) minmax(220px, 3fr);
  background: var(--ground);
}

.street-embed > * { min-width: 0; min-height: 0; }
.street-embed > .street-view-pane { border-left: 1px solid var(--hairline); }

@media (max-width: 640px) {
  .street-embed { grid-template-columns: 1fr; grid-template-rows: minmax(140px, 2fr) minmax(240px, 3fr); }
  .street-embed > .street-view-pane { border-left: 0; border-top: 1px solid var(--hairline); }
}

@media (hover: hover) and (pointer: fine) {
  .street-embed #map { cursor: crosshair; }
  .street-embed #map.map-target-active { cursor: cell; }
}