/* Scoped to detail maps; no homepage, hub, page-copy or media styling. */
.aurea-neighbourhood-tools { margin: 0 0 1rem; min-width: 0; color: #20383b; }
.aurea-neighbourhood-views { display: flex; gap: .5rem; margin-bottom: .75rem; }
.aurea-neighbourhood-views button[hidden] { display: none; }
.aurea-neighbourhood-views button { flex: 1; min-height: 44px; padding: .65rem .85rem; border: 1px solid #b8a88a; border-radius: 3px; background: transparent; color: #20383b; font: inherit; font-size: .875rem; cursor: pointer; }
.aurea-neighbourhood-views button[aria-pressed="true"] { background: #20383b; border-color: #20383b; color: #fff; }
.aurea-neighbourhood-tools label { display: block; color: #6b6660; font-size: .8125rem; }
.aurea-neighbourhood-tools select { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-height: 44px; height: auto; appearance: none; -webkit-appearance: none; margin-top: .35rem; padding: .65rem 2.5rem .65rem .75rem; border: 1px solid #c8c3b9; border-radius: 3px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2320383b' stroke-width='1.5'/%3E%3C/svg%3E") right .75rem center / 16px no-repeat; color: #20383b; font: inherit; font-size: 16px; }
.aurea-neighbourhood-tools :focus-visible { outline: 2px solid #916b4d; outline-offset: 3px; }
.aurea-neighbourhood-map .aurea-neighbourhood-label { width: max-content; max-width: 150px; white-space: normal; font-size: 11px; line-height: 1.4; }
.aurea-neighbourhood-map .leaflet-tooltip { transition: none; }
.aurea-map-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.aurea-neighbourhood-key { display:flex; flex-wrap:wrap; gap:.5rem 1.2rem; padding:0; margin:.75rem 0 0; list-style:none; color:#6b6660; font-size:.75rem; }
.aurea-neighbourhood-key li { display:flex; align-items:center; gap:.4rem; }
.aurea-neighbourhood-key i { width:9px; height:9px; border-radius:50%; flex-shrink:0; }
.aurea-neighbourhood-map .leaflet-popup-content { max-width: min(260px, 65vw); overflow-wrap: anywhere; }
.aurea-neighbourhood-map { scroll-margin-top: 110px; min-height: 420px; }
@media (min-width: 768px) {
  .aurea-neighbourhood-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; align-items: end; }
  .aurea-neighbourhood-views { margin-bottom: 0; }
}