body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.hero {
  background: linear-gradient(180deg, #f8f9ff 0%, #ffffff 100%);
}

#locationResults {
  max-height: 220px;
  overflow-y: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.timeline-window {
  transition: box-shadow 0.15s ease;
}

.badge.bg-secondary {
  background-color: #6c757d !important;
}

@media (max-width: 576px) {
  .hero h1 {
    font-size: 1.75rem;
  }
}