/* Shared by mountain route cards and standalone route pages. */
.nearstart {
  padding: 14px;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 12px;
  background: var(--card, #fff);
  color: var(--ink, #0f172a);
  min-width: 0;
}
section.nearstart p.nearstart-heading {
  margin: 0 0 10px;
  font-size: .8125rem;
  line-height: 1.4;
  font-weight: 700;
  color: var(--ink, #0f172a);
}
.nearstart .nearstart-places {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  gap: 6px 12px;
  margin: 0;
  padding: 0;
}
.nearstart .nearstart-places > li { min-width: 0; margin: 0; padding: 0; }
.nearstart .nearstart-place {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 6px;
  border-radius: 8px;
  color: var(--accent, #1d4ed8);
  text-decoration: none;
  font-size: .8125rem;
  line-height: 1.4;
}
.nearstart .nearstart-place:hover { background: var(--sheet, #f1f5f9); text-decoration: none; }
.nearstart .nearstart-place:focus-visible { outline: 2px solid var(--accent, #1d4ed8); outline-offset: 2px; }
.nearstart .nearstart-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--sheet, #f1f5f9);
  color: var(--ink-2, #475569);
}
.nearstart .nearstart-icon svg { display: block; width: 20px; height: 20px; flex: none; }
.nearstart .nearstart-name { min-width: 0; overflow-wrap: anywhere; font-weight: 500; }
.nearstart .nearstart-distance { color: var(--ink-2, #475569); white-space: nowrap; font-variant-numeric: tabular-nums; font-size: .75rem; }
section.nearstart p.nearstart-note {
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px solid var(--line, #e2e8f0);
  color: var(--ink-2, #475569);
  font-size: .6875rem;
  line-height: 1.5;
}