.header-suggest-place{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:5px;font-size:13.5px;white-space:nowrap}
.header-suggest-place:hover{background:var(--surface)}
.header-suggest-place svg{width:17px;height:17px}
.directory-location-filter{display:flex;align-items:center;gap:9px;min-height:44px;width:fit-content;max-width:100%;margin:6px 0;padding:6px 10px;border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:14px;font-weight:700;cursor:pointer;touch-action:manipulation}
.directory-location-filter:hover,.directory-location-filter:has(input:checked){background:var(--surface)}
.directory-location-filter:has(input:checked){border-color:var(--blue)}
.directory-location-filter input{width:17px;height:17px;flex:none;margin:0;accent-color:var(--blue);cursor:pointer}
.map-filter-status{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:7px 10px 7px 13px;background:#fff;color:#142638;border:1px solid #c8d5df;border-radius:6px;box-shadow:0 2px 12px #14263820;font-size:13.5px;pointer-events:auto}
.map-filter-status>span{max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-filter-status button{display:flex;align-items:center;gap:7px;min-height:32px;font-size:13.5px;color:#005293;font-weight:700;white-space:nowrap}
.map-filter-status svg{width:13px;height:13px}
.show-filtered-pins{display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:14px}
.show-filtered-pins svg{width:14px;height:14px}
@media (pointer:coarse){.show-filtered-pins{min-height:44px}}
body.city-scene-active .map-filter-status{top:calc(var(--header-height) + 18px)}
body.city-scene-active #explore-view:is([data-layout="split"],[data-layout="directory"]) .map-filter-status{left:auto;right:24px;transform:none;max-width:calc(100% - var(--city-directory-width) - 70px)}
.suggestion-new-fields{border:0;margin:0;padding:0;display:grid;gap:15px}
.suggestion-new-fields label{margin:0}
.suggestion-form .form-status p{margin:0 0 8px}
.suggestion-form .form-status a{min-height:44px}
@media(max-width:1100px){.header-suggest-place>span:last-child{display:none}.header-suggest-place{width:44px;padding:8px}}
@media(max-width:650px){
 .header-suggest-place{width:36px;min-height:44px;padding:6px;border:0}
 .header-actions{gap:0}
 .map-filter-status,body.city-scene-active #explore-view:is([data-layout="split"],[data-layout="directory"]) .map-filter-status{left:16px;right:16px;transform:none;max-width:none;gap:8px;justify-content:space-between}
 .map-filter-status>span{max-width:42%;font-size:12.5px}
 .map-filter-status button{min-height:36px;font-size:12.5px}
}
@media(max-width:350px){.brand-copy strong{font-size:15px}.brand{gap:6px}.masthead{padding-left:12px;padding-right:12px}.navigation-group{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}

/* Leave room for results on small phones without shrinking category targets. */
@media (max-width: 360px), (max-width: 950px) and (max-height: 500px) {
  body.city-scene-active #explore-view #category-filters {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    padding: 2px 0 6px;
    scroll-padding-inline: 2px;
  }
  body.city-scene-active #explore-view #category-filters .filter-pill {
    flex: 0 0 auto;
    min-width: 64px;
    min-height: 44px;
    padding-inline: 12px;
    white-space: nowrap;
  }
}

/* Keep the full directory searchable while the browser lays out nearby cards. */
#directory-results > .organisation-card {
  content-visibility: auto;
  contain-intrinsic-block-size: auto 61px;
}
#directory-results > .sidebar-job-employer {
  content-visibility: auto;
  contain-intrinsic-block-size: auto 130px;
}