/* Preserve usable form and map width on phones without hiding overflow. */
@media (max-width:700px) {
  main input:not([type=checkbox]):not([type=radio]), main select, main textarea {font-size:16px;min-width:0;max-width:100%;box-sizing:border-box}
  .search-workspace > .container {padding-inline:10px}
  .search-console-body {padding:18px 8px 10px}
  .search-console .county-explorer {padding:12px 4px}
  .contact-layout,.sell-layout {padding-inline:12px}
  .contact-box,.valuation-card {padding:16px 8px}
  .area-coverage,.area-listings {padding:16px 8px}
  .county-explorer {padding:16px 10px}
  .county-explorer input,.county-explorer select {font-size:16px;min-height:46px;padding:10px 8px}
  .explorer-filter-grid {gap:14px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .explorer-filter-grid > label:has(select[name=county]),.explorer-filter-grid > label:has(select[aria-label="Property type"]),.explorer-filter-grid > label:has(select[name=a_poolPrivateYN]),.explorer-filter-grid > label:has(select[name=a_waterfrontYN]),.explorer-filter-grid > label:has(select[name=srt]) {grid-column:1/-1}
  .explorer-map-toolbar > div {display:flex;flex-wrap:wrap;gap:8px;width:100%}
  .explorer-map-toolbar button {margin:0;min-height:44px;flex:1;padding:10px 8px}
  .explorer-filter-actions {gap:10px}
  .explorer-filter-actions button {min-height:46px;padding:10px 8px;white-space:normal}
  .area-map-heading {align-items:flex-start;flex-direction:column;gap:10px}
  .area-map-heading button {min-height:44px}
  .leaflet-touch .leaflet-bar a {width:40px;height:40px;line-height:40px}
  .area-pin-popup {max-width:100%;overflow-wrap:anywhere}
  .leaflet-popup-content {max-width:calc(100vw - 110px);margin:12px}
  .area-pin-popup a {display:inline-block;padding-block:10px}
  .account-methods {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;padding:10px}
  .account-methods a {display:flex;align-items:center;min-height:44px;font-size:13px;line-height:1.4}
  .search-advisor {flex-wrap:wrap}
  .site-footer a,.legal-page a {overflow-wrap:anywhere}
}
@media (max-width:380px) {
  .explorer-filter-grid {grid-template-columns:minmax(0,1fr)}
  .explorer-keywords {grid-column:1/-1}
  .search-methods strong {font-size:11px;line-height:1.4}
  .search-methods a {padding-inline:4px}
}
@media (max-width:480px) {
  .extended-county-layout .county-choices,
  .home-county-overview #home-counties-extended .county-choices {grid-template-columns:minmax(0,1fr);max-height:none;overflow:visible;padding-right:0}
}