@media (max-width: 900px) {
  .app-shell { grid-template-columns: 1fr; grid-template-rows: auto 1fr; height: auto; }
  .app-sidebar { border-right: none; border-bottom: 1px solid var(--border-subtle); max-height: 42vh; }
  .app-map { height: 58vh; }
}

@media (max-width: 720px) {
  .page { padding: var(--sp-5) var(--sp-4) var(--sp-12); }
  .nav { padding: 0 var(--sp-4); gap: var(--sp-2); }
  .section-head__title { font-size: var(--fs-22); }
  .field-grid { grid-template-columns: 1fr; }
  .review-item__head { flex-direction: column; }
}