:root{font-family:Arial,sans-serif;color:#082e5d;background:#f8f6ef;line-height:1.5}*{box-sizing:border-box}body{margin:0}header,main{max-width:1510px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;gap:16px;align-items:center}header a{display:inline-flex;align-items:center;gap:10px}nav{display:flex;gap:14px;flex-wrap:wrap}a{color:#075a8a}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid #cad5df;border-radius:12px;padding:10px 16px;background:#fff;color:#082e5d;font-weight:700}button:hover,button[aria-pressed=true]{background:#eaf2f6;border-color:#0a759f}button:disabled{cursor:default;opacity:.6}:focus-visible{outline:3px solid #d8a33b;outline-offset:3px}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin:8px 0 16px}h2{font-size:1.3rem}.eyebrow{color:#947024;letter-spacing:2px}.nearby-intro{margin:16px 0 28px}.nearby-intro>p:last-child{font-size:1.2rem}.nearby-controls{background:white;padding:20px;border:1px solid #dfe4e9;border-radius:20px}.nearby-location{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nearby-location p{flex:1;min-width:220px}#nearby-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end}label{display:flex;flex-direction:column;gap:5px;min-width:0}label span{font-size:.9rem;font-weight:700}input,select,textarea{border:1px solid #aebfcd;background:#fff;padding:10px;border-radius:9px;max-width:100%;color:#082e5d}select{max-width:275px}#nearby-radius{width:120px}.radius-presets{display:flex;gap:5px;flex-wrap:wrap}.radius-presets button{padding:10px}.nearby-note{font-size:.88rem;color:#57697d}.nearby-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;margin:24px 0}.nearby-map-column{min-width:0}#nearby-map{height:540px;border:2px solid #1475a9;border-radius:20px;isolation:isolate}.nearby-results-column{min-width:0}#nearby-results{padding:0;list-style:none;display:grid;gap:14px;margin-top:16px}#nearby-results li{scroll-margin-top:20px;background:white;border:1px solid #dce4eb;border-radius:16px;padding:16px}#nearby-results li[data-selected=true]{border:2px solid #ae7d20;background:#fffdf6}.nearby-result-head{display:flex;gap:14px;align-items:center}.nearby-result-head img{width:82px;height:64px;object-fit:cover;border:1px solid #cba454;border-radius:10px}.nearby-result-head button{padding:0;border:0;background:transparent}.nearby-result-head h3{margin:0;overflow-wrap:anywhere}.nearby-distance{font-size:.9rem;margin:2px 0}.nearby-reasons{font-size:.85rem;color:#52697c}.nearby-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.nearby-result-actions button,.nearby-result-actions a{display:inline-flex;align-items:center;gap:5px;border:1px solid #dce4eb;border-radius:10px;padding:7px;font-size:.85rem;text-decoration:none;background:white}.nearby-result-actions svg{height:18px;width:18px}.nearby-result-actions .place-ai-button{margin:0}.nearby-result-actions .guide-video-button img{width:24px;height:24px}#nearby-error{color:#9e3030;margin:0}.nearby-chat{border:1px solid #dce4eb;background:white;border-radius:20px;padding:20px}.nearby-chat textarea{width:100%;resize:vertical}#nearby-conversation{padding-inline-start:20px;max-height:240px;overflow:auto}dialog{max-width:min(500px,90vw);border:1px solid #bd974f;border-radius:16px;padding:24px;color:#082e5d}dialog::backdrop{background:#082e5d80}dialog button{margin-top:16px}.nearby-pin{background:#082e5d;border:2px solid white;color:white;border-radius:50%;display:grid;place-items:center;width:32px;height:32px;font-weight:700;box-shadow:0 2px 5px #0004}.nearby-pin.selected{background:#ae7d20}.nearby-centre-dot{border:3px solid white;background:#137db0;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #137db033}.nearby-empty{padding:20px;background:#fff;border-radius:14px}.nearby-chat[aria-busy=true]{opacity:.7}@media(max-width:700px){header,main{padding:14px}header{align-items:start}header a span{display:none}nav{gap:9px;font-size:.88rem}.nearby-controls{padding:14px}.nearby-layout{grid-template-columns:1fr;gap:12px}#nearby-map{height:310px}.nearby-chat{margin-top:12px}.nearby-chat:not(:focus-within){max-height:250px;overflow:auto}#nearby-filters label{flex:1 1 135px}#nearby-filters select{width:100%}.nearby-location p{min-width:100%}.nearby-result-actions{gap:5px}.nearby-result-head h3{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.nearby-result-head h3{white-space:pre-line}.nearby-map-column{align-self:start;position:sticky;top:12px}@media(max-width:700px){.nearby-map-column{position:static}}

.nearby-quick-categories{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0 18px}.nearby-chat form[hidden]{display:none}

.nearby-more-categories{margin:0 0 16px;border:1px solid #dce4eb;border-radius:12px;padding:0 12px}.nearby-more-categories summary{padding:10px 0;cursor:pointer;font-weight:700;color:#075a8a}.nearby-more-categories[open]{background:#f8fafb}.nearby-more-categories .nearby-quick-categories{padding-bottom:12px}.nearby-more-categories summary:focus-visible{outline:3px solid #d8a33b;outline-offset:3px}

.nearby-quick-categories button{display:inline-flex;align-items:center;gap:7px}.nearby-quick-categories svg{width:19px;height:19px;flex:none}.nearby-pin{position:relative;width:38px;height:38px;border-radius:13px 13px 13px 3px;background:#082e5d;box-shadow:0 2px 6px #082e5d55}.nearby-pin>svg{width:23px;height:23px}.nearby-pin-number{position:absolute;inset-inline-end:-6px;top:-8px;min-width:19px;height:19px;border-radius:10px;background:#fff;color:#082e5d;border:1px solid #a5b9c8;display:grid;place-items:center;font:700 10px/1 Arial;padding:0 3px}.nearby-pin-parks{background:#286a49}.nearby-pin-waterside{background:#087591}.nearby-pin-coffee,.nearby-pin-eat{background:#865b32}.nearby-pin-drink{background:#684369}.nearby-pin-dwarfs{background:#a55040}.nearby-pin.selected{background:#ae7d20;outline:3px solid #e8cd8a}.nearby-centre-dot{position:relative;width:38px;height:38px;display:grid;place-items:center;background:#117da8;color:white;border:3px solid white;box-shadow:0 0 0 4px #147da833,0 2px 8px #082e5d66}.nearby-centre-dot.manual{background:#fff;color:#137db0;border:2px solid #137db0}.nearby-centre-dot>svg{width:23px;height:23px;position:relative}.nearby-centre-pulse{position:absolute;inset:-7px;border:2px solid #137db0;border-radius:50%;animation:nearby-radar-pulse 3s ease-out 2;pointer-events:none}.nearby-radar-boundary{stroke-dasharray:9 5}.nearby-radar-ring{stroke-dasharray:3 6}@keyframes nearby-radar-pulse{from{transform:scale(.8);opacity:.65}to{transform:scale(1.7);opacity:0}}@media(prefers-reduced-motion:reduce){.nearby-centre-pulse{animation:none;opacity:.3}}

.nearby-more-categories summary{background:#fff6df;border:1px solid #d8b35c;border-radius:10px;padding:11px 14px;margin:8px 0}.nearby-radius-stepper{display:flex;align-items:center;gap:4px;direction:ltr}.nearby-radius-stepper button{padding:10px 8px;min-width:48px}#nearby-radius{width:100px;min-width:0;text-align:center}@media(max-width:700px){#nearby-filters label:has(#nearby-radius){flex-basis:100%}.nearby-radius-stepper{justify-content:flex-start}}

#nearby-radius-slider{direction:ltr;flex:1 1 180px;min-width:140px;max-width:240px;height:44px;padding:8px 0;accent-color:#1475a9;cursor:pointer}@media(max-width:700px){#nearby-radius-slider{flex-basis:100%;max-width:none;width:100%}}

.nearby-radius-handle{display:grid!important;place-items:center;border:3px solid white;border-radius:50%;box-shadow:0 0 0 2px #bd8b3d,0 3px 12px #0006;background:#bd8b3d;color:#082c59;font-size:24px;cursor:ew-resize!important;touch-action:none}.nearby-centre-dot{cursor:grab;touch-action:none}

/* The touch target belongs to the draggable Leaflet element, not only its picture. */
.nearby-centre-handle{display:grid!important;place-items:center;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab}.nearby-centre-handle>*{pointer-events:none}.nearby-centre-handle:active{cursor:grabbing}

.nearby-map-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 4px}.nearby-map-summary p{margin:0;font-weight:700}.nearby-map-summary a{padding:8px;min-height:44px;display:flex;align-items:center}.nearby-search-options{border:1px solid #dce4eb;border-radius:14px;background:white;margin:8px 0;padding:0 14px}.nearby-search-options>summary{cursor:pointer;font-weight:700;padding:14px 0;min-height:48px}.nearby-search-options[open]{padding-bottom:16px}.nearby-search-options .nearby-location{padding-bottom:12px}@media(max-width:700px){.nearby-intro{margin:4px 0 12px}.nearby-intro .eyebrow,.nearby-intro>p:last-child{display:none}.nearby-intro h1{font-size:28px;margin:4px 0}.nearby-controls,.nearby-controls:not(:focus-within){max-height:none;overflow:visible;padding:8px 10px;position:sticky;top:0;z-index:700}.nearby-quick-categories{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 0 8px;scrollbar-width:thin}.nearby-quick-categories button{flex:0 0 auto;min-height:44px;font-size:13px;padding:8px 12px}.nearby-more-categories{margin:0;border:0;padding:0}.nearby-more-categories summary{min-height:40px;padding:8px 10px;margin:2px 0;font-size:13px}.nearby-more-categories[open]{background:white}.nearby-layout{margin-top:10px}#nearby-map{height:43dvh;min-height:270px;max-height:420px}.nearby-controls>.nearby-note{display:none}.nearby-map-summary{font-size:13px}.nearby-search-options .nearby-location p{min-width:100%;margin:4px 0 10px}.nearby-search-options .nearby-location button{flex:1;font-size:13px}.nearby-radius-handle{min-width:44px!important;min-height:44px!important}}

@media(max-width:700px){#nearby-count{scroll-margin-top:180px}}
