:root {
  --fg: #1c1c1f;
  --muted: #6b7280;
  --bg: #fafafa;
  --accent: #2b6cb0;
  --accent-soft: #e6f0fb;
  --danger: #c0392b;
  --ok: #15803d;
  --err: #b91c1c;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font: 14px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--fg);
  background: var(--bg);
}

h1 { margin-top: 0; }
.muted { color: var(--muted); }
.small { font-size: 0.85rem; }
.err { color: var(--err); }

.meta { display: flex; gap: 2rem; flex-wrap: wrap; margin-bottom: 1rem; }
.actions { display: flex; gap: 0.5rem; margin-top: 1rem; flex-wrap: wrap; }

#map { width: 100%; border-radius: 8px; overflow: hidden; border: 1px solid #d1d5db; }

.path-map-container {
  width: 100%;
  height: 200px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}