@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#203a35;--muted:#687570;--orange:#ce482c;--line:#e0e5df;--paper:#fcfcf8}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;background:var(--paper)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ca6b3e;outline-offset:3px}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px}.brand small{display:block;letter-spacing:3.2px;font-size:10px;font-weight:700;margin-top:2px}.brandmark{background:var(--orange);color:white;border-radius:50%;height:43px;width:43px;display:flex;align-items:center;justify-content:center;font-size:25px;letter-spacing:-6px;padding-right:6px}.brandmark span{font-size:19px;margin-top:7px}nav{display:flex;gap:32px;height:100%;align-items:center}nav button{border:0;background:none;height:100%;font-size:14px}nav .nav-active{border-bottom:3px solid var(--orange)}.feedback{font-size:14px;text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:11px 16px}main{display:grid;grid-template-columns:435px 1fr;height:calc(100dvh - 90px)}aside{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);z-index:2;background:var(--paper)}.intro{padding:31px 30px 22px}.eyebrow{color:var(--orange);font-size:11px;letter-spacing:1.6px;font-weight:700}h1{font-family:Manrope,sans-serif;letter-spacing:-1.6px;font-size:36px;line-height:1.15;margin:14px 0 14px;font-weight:600}.intro p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.filters{padding:0 24px 16px;border-bottom:1px solid var(--line)}.search{display:flex;gap:8px;align-items:center;background:white;border:1px solid #cdd5ce;border-radius:6px;padding:10px 12px}.search span{font-size:25px;line-height:22px}.search input{width:100%;border:0;outline:none;min-width:0;background:none;font-size:14px}.search kbd{font-size:12px;color:#94a099;padding:2px 5px;border:1px solid var(--line);border-radius:3px}.filter-row{display:flex;gap:8px;margin:10px 0 13px}.filter-row select{width:66%;min-width:0}.filter-row select,.filter-row button{padding:10px;border:1px solid var(--line);border-radius:5px;background:white;font-size:13px}.filter-row button{flex:1;white-space:nowrap}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{border:1px solid var(--line);border-radius:20px;font-size:12px;padding:7px 11px;background:transparent}.chips button.active{color:white;background:var(--ink);border-color:var(--ink)}.result-line{display:flex;justify-content:space-between;padding:17px 25px;font-size:13px;font-weight:600}.result-line button{border:0;background:none;font-size:12px;color:var(--muted);text-decoration:underline}#results{overflow:auto;flex:1;min-height:0}.place{width:100%;border:0;border-top:1px solid var(--line);background:transparent;display:flex;text-align:left;padding:20px 25px;gap:15px;transition:background .15s}.place:hover,.place.selected{background:#eff2e9}.place.selected{box-shadow:inset 3px 0 var(--orange)}.number{border:1px solid #d8ded3;border-radius:50%;min-width:31px;height:31px;display:grid;place-items:center;font-size:11px;color:var(--muted);margin-top:3px}.place.selected .number{background:var(--orange);color:white;border-color:var(--orange)}.place-copy{flex:1}.place h2{font-size:17px;font-weight:600;margin:0 0 5px;letter-spacing:-.4px}.place p{color:var(--muted);font-size:12px;margin:0;line-height:1.5}.tag{font-size:10px;letter-spacing:.6px;text-transform:uppercase;display:block;color:#7f6747;margin-top:9px}.place-arrow{color:#8d9990;font-size:18px;margin-top:6px}footer{padding:13px 24px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);background:var(--paper)}footer button{padding:0;font-size:10px;border:0;background:none;text-decoration:underline}.map-wrap{position:relative;min-width:0;isolation:isolate}#map{height:100%;width:100%;background:#e8eddf;z-index:0}.map-label{position:absolute;top:25px;left:25px;background:var(--paper);border:1px solid #d9dfd6;border-radius:5px;padding:13px 17px;box-shadow:0 2px 8px #203a3510;font-size:10px;letter-spacing:1.1px;font-weight:600;display:flex;gap:12px;align-items:center}.location-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.map-label>span:not(.location-dot){color:#98a39b}.map-tools{position:absolute;right:20px;top:23px;display:flex;flex-direction:column;gap:8px}.map-tools button{background:var(--paper);border:1px solid #d1d9ce;border-radius:5px;font-size:25px;width:42px;height:42px;box-shadow:0 2px 8px #203a3510}.map-caption{position:absolute;bottom:35px;left:26px;background:#fcfcf8ed;padding:15px 19px;border-radius:5px;box-shadow:0 2px 8px #203a3510;pointer-events:none}.map-caption span{display:block;font-size:13px}.map-caption small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.coffee-pin{display:grid;place-items:center;width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--ink);border:2px solid #fff;box-shadow:0 2px 5px #17392b44;color:white}.coffee-pin span{transform:rotate(45deg);font-size:10px;font-family:'DM Sans',sans-serif}.coffee-pin.favourite{background:var(--orange)}.coffee-pin.good{background:#9b7647}.coffee-pin.selected{background:var(--orange);width:37px;height:37px}.leaflet-control-zoom{border:1px solid #d1d9ce!important;box-shadow:0 2px 8px #203a3510!important;margin:0 20px 28px 0!important}.leaflet-control-zoom a{color:var(--ink)!important;background:var(--paper)!important}.leaflet-container{font-family:'DM Sans',sans-serif}.leaflet-control-attribution{font-size:9px!important}#detail{position:absolute;bottom:35px;left:25px;width:340px;max-width:calc(100% - 80px);background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 35px #12362824;border-radius:9px;padding:25px;z-index:500}#detail h2{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:12px 20px 14px 0}#detail p{font-size:14px;line-height:1.55;color:var(--muted)}.detail-close,#close-info{position:absolute;right:12px;top:9px;border:0;background:none;font-size:28px}.detail-meta{font-size:11px;color:var(--orange);letter-spacing:1px}.detail-actions{display:flex;gap:8px;margin-top:20px}.detail-actions a{display:block;border:1px solid var(--line);border-radius:5px;padding:11px 13px;text-decoration:none;font-size:13px}.detail-actions a:first-child{background:var(--ink);color:white}.source-link{font-size:11px;display:block;margin-top:16px;color:var(--muted)}#notice{position:absolute;top:85px;left:25px;right:75px;background:white;padding:14px;box-shadow:0 3px 12px #0002;z-index:600;font-size:14px;border-radius:5px}.empty{padding:30px;color:var(--muted);line-height:1.6}.empty button{background:var(--ink);border:0;color:white;border-radius:5px;padding:10px 16px;display:block;margin-top:16px}dialog{max-width:620px;width:calc(100% - 32px);max-height:85dvh;border:1px solid var(--line);border-radius:12px;padding:35px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#15382d66}dialog h2{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1px}dialog p{line-height:1.6;color:var(--muted);font-size:15px}dialog a{color:var(--orange)}.guide-photo{width:100%;height:170px;object-fit:cover;border-radius:6px}.credit{font-size:11px!important}#mobile-toggle{display:none}[hidden]{display:none!important}@media(min-width:1600px){main{grid-template-columns:480px 1fr}.intro{padding:38px 34px 26px}h1{font-size:42px}}@media(max-width:850px){header{height:72px;padding:0 19px}.brand{font-size:20px}.brandmark{width:36px;height:36px}nav{display:none}.feedback{font-size:12px;padding:9px}main{height:calc(100dvh - 72px);grid-template-columns:350px 1fr}.intro{padding:22px}h1{font-size:30px}.filters{padding:0 18px 14px}.chips button{font-size:11px;padding:6px 8px}.map-label{display:none}.map-caption{display:none}#detail{left:12px;width:300px;max-width:calc(100% - 24px);bottom:25px;padding:20px}}@media(max-width:650px){main{display:block}aside{height:100%;border:0}.intro{padding:23px 23px 18px}.intro h1{font-size:32px;line-height:1.1}.intro h1 br{display:none}.intro p{font-size:13px}.desktop{display:none}.eyebrow{font-size:10px}.map-wrap{position:absolute;top:72px;bottom:0;left:0;right:0;visibility:hidden}body.map-mode .map-wrap{visibility:visible}body.map-mode aside{visibility:hidden}#mobile-toggle{display:block;position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border:1px solid #ffffff50;border-radius:24px;padding:13px 25px;font-size:14px;z-index:800;box-shadow:0 4px 14px #0003}#results{padding-bottom:65px}#detail{bottom:88px;max-width:calc(100% - 36px);width:100%;left:18px}.map-label{display:flex;font-size:9px;top:20px;left:18px;padding:12px}.map-tools{top:18px}footer{font-size:10px}.leaflet-control-zoom{margin-bottom:100px!important}}
.map-caption{display:flex;gap:14px;align-items:center;padding:10px 17px 10px 10px}.map-caption img{object-fit:cover;border-radius:4px}.guide-photo+.eyebrow{margin-top:25px}.eyebrow,.brand small{font-size:12px}.intro p{font-size:16px}.filter-row select,.filter-row button,.chips button{font-size:14px}.result-line{font-size:14px}.result-line button{font-size:12px}.place p{font-size:14px}.tag{font-size:12px}.number{font-size:12px}footer,footer button{font-size:12px}.source-link{font-size:12px}.detail-meta{font-size:12px}#detail{max-height:calc(100% - 110px);overflow:auto}.map-caption span{font-size:14px}.map-caption small{font-size:12px}@media(max-width:850px){.map-caption{display:none}.filter-row select,.filter-row button,.chips button{font-size:14px}}@media(max-width:650px){.intro p{font-size:14px}.intro h1{font-size:30px}#detail{max-height:calc(100% - 155px)}}
@media(min-width:651px){header{height:76px}main{height:calc(100dvh - 76px)}.intro{padding:22px 26px 18px}h1{font-size:30px;margin:10px 0}.intro p{font-size:14px;line-height:1.4}.intro p .desktop{display:none}.filters{padding-bottom:12px}.filter-row{margin:8px 0 10px}.place{padding:15px 25px}.tag{margin-top:6px}.result-line{padding:13px 25px}.search{padding:9px 12px}}

.map-credit{position:absolute;right:12px;bottom:8px;z-index:450;padding:4px 7px;background:#fcfcf8d9;border:1px solid #d9dfd6;border-radius:3px;color:#58655f;font-size:10px;line-height:1.2;letter-spacing:.05px}.map-credit a{text-decoration:none}.map-credit a:hover{text-decoration:underline}@media(max-width:650px){.map-credit{bottom:72px;right:8px;font-size:9px}}