/* Phone layout: compact, readable map controls and type chips. */
@media (max-width: 650px) {
  body.city-scene-active .city-map-tools #city-zoom-in,
  body.city-scene-active .city-map-tools #city-zoom-out,
  body.city-scene-active .city-map-tools #city-reset-camera { display: none !important; }
  body.city-scene-active .city-map-tools { width: auto !important; flex-wrap: nowrap !important; }
  body.city-scene-active .city-map-tools #city-toggle-2d { font-size: 15px !important; font-weight: 700; letter-spacing: .02em; }
  body.city-scene-active #explore-view #directory-panel #category-filters,
  body.city-scene-active #explore-view .category-filters {
    display: flex !important; flex-wrap: wrap !important; overflow: visible !important; gap: 6px !important;
  }
  body.city-scene-active #explore-view #category-filters .filter-pill {
    flex: none !important; padding: 7px 12px !important; min-height: 36px; font-size: 15px !important; white-space: nowrap !important;
  }
  body.city-scene-active #explore-view #category-filters .pill-count { display: none !important; }
}

/* Profile pop-up: comfortable reading sizes. */
.profile-panel .profile-description { font-size: 16px !important; line-height: 1.55; }
.profile-panel :is(.profile-location, .profile-address-link, .profile-street-view summary, .profile-section summary, .profile-section h3, .profile-section p, .profile-footer button, .profile-panel .button, a.button) { font-size: 15px !important; }
.profile-panel :is(.profile-section li, .profile-section dd, .profile-section dt, .tag, .profile-tags span) { font-size: 14px !important; }