/* 06-components/city-map — the city map's own parts inside the shared c-hud-dock:
   the finder field, its results, and the selected thing's facts (a plot, a street,
   a burgher). Everything else is the world map's console. */
.c-city-map__input {
  width: 100%;
  background: var(--ground);
  color: var(--ink);
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  font-family: var(--font-chrome);
  font-size: var(--text-sm);
  padding: var(--space-xs) var(--space-sm);
}
.c-city-map__input:focus { outline: none; border-color: var(--brand); box-shadow: var(--focus-ring); }

.c-city-map__results { margin-block-start: var(--space-sm); }
.c-city-map__results button,
.c-city-map__link {
  background: none;
  border: 0;
  padding: 0;
  color: var(--link);
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.c-city-map__results button:hover,
.c-city-map__link:hover { text-decoration: underline; }
.c-city-map__kind { color: var(--ink-dim); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-label); }

.c-city-map__facts {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: var(--space-2xs) var(--space-sm);
  margin: 0 0 var(--space-sm);
  font-size: var(--text-sm);
}
.c-city-map__facts dt { color: var(--ink-dim); }
.c-city-map__facts dd { margin: 0; color: var(--ink); overflow-wrap: anywhere; }
.c-city-map__money { color: var(--value); font-variant-numeric: tabular-nums; }
.c-city-map__sub { margin: var(--space-sm) 0 var(--space-2xs); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-label); color: var(--ink-dim); }