/* Narrow-screen map/form support; loaded only by Proposal and Explore. */
@media (max-width: 700px) {
  body { --page-padding: 12px; }
  .form-page { position: relative; top: 16px; }
  .form-map { position: relative; right: auto; height: 52vh; min-height: 320px; }
  .form-side { position: relative; width: 100%; padding: 20px; overflow: visible; border-left: 0; }
  .explore-page { display: flex; flex-direction: column; min-height: 100dvh; box-sizing: border-box; }
  .explore-page .map-page { position: relative; inset: auto; flex: 1; margin: 14px -12px -12px; }
  .map-page:has(.panel) { display: flex; flex-direction: column; }
  .map-page .panel { position: relative; width: 100%; height: 220px; flex-shrink: 0; border-right: 0; border-bottom: 1px solid #ddd; }
  .map-area { position: relative; left: 0; flex: 1; min-height: 320px; }
  .search { max-width: calc(100% - 70px); }
  .info-card { top: 64px; right: 14px; max-width: calc(100% - 28px); box-sizing: border-box; }
  .thanks { padding: 20px; }
}