@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600&display=swap');
:root{--ink:#142823;--muted:#66736e;--pine:#165b48;--lime:#b4ef4b;--cream:#f7f6f0;--line:#d9ded9;--red:#d85745;--yellow:#d99b23}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}.site-shell{max-width:1440px;margin:auto;background:#fff;min-height:100vh}.header{height:80px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0eb}.brand{font-size:20px;font-weight:800;letter-spacing:-1px;color:var(--ink);text-decoration:none;display:flex;gap:8px;align-items:center}.brand span span{color:var(--pine)}.brand-mark{font-size:27px;color:var(--pine)!important;line-height:1}.header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.header nav a{color:var(--ink);text-decoration:none}.text-button{border:0;background:none;padding:0;color:var(--pine);font:700 14px Manrope;cursor:pointer}.hero{padding:clamp(62px,10vw,130px) clamp(20px,11vw,160px) 76px;background:radial-gradient(circle at 75% 15%,#eff8d5 0,transparent 25%),#fff}.eyebrow,.section-kicker{font:500 11px 'DM Mono',monospace;letter-spacing:.12em;color:var(--pine)}.eyebrow{display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #effad8}.hero h1{font-size:clamp(47px,7vw,88px);letter-spacing:-.072em;line-height:.98;margin:22px 0;color:#18312a;font-weight:800}.hero h1 em{font-family:'Source Serif 4',serif;font-weight:500;color:var(--pine)}.hero-copy{font-size:17px;line-height:1.65;color:var(--muted);max-width:490px;margin:0 0 32px}.search-wrap{display:flex;gap:12px;max-width:780px}.search{flex:1;display:flex;align-items:center;height:58px;border:1px solid var(--line);border-radius:7px;padding:0 14px;gap:10px;background:#fff}.search span{font-size:24px}.search input{width:100%;border:0;outline:0;font:500 14px Manrope;color:var(--ink)}kbd{font:500 10px 'DM Mono';color:#87918c;background:#f2f4f1;padding:4px 6px;border-radius:3px}.primary-button,.secondary-button{border:0;border-radius:7px;background:var(--pine);color:#fff;min-height:54px;padding:0 21px;font:700 14px Manrope;cursor:pointer;white-space:nowrap;transition:.2s}.primary-button:hover{background:#104a3a;transform:translateY(-1px)}.locate{background:var(--ink)}.search-note{font-size:11px;color:#8a958f;margin:12px 0}.nearby-section{padding:70px clamp(20px,5vw,72px) 85px;background:var(--cream)}.section-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-header h2,.how-it-works h2,.place-dialog h2,.contribute-dialog h2{font-size:28px;letter-spacing:-.055em;margin:8px 0 0}.results-count{font:500 12px 'DM Mono';color:var(--muted);letter-spacing:0;margin-left:8px}.filter-button{font:700 13px Manrope;border:1px solid var(--line);background:#fff;border-radius:5px;padding:11px 14px;color:var(--ink)}.explorer{display:grid;grid-template-columns:minmax(380px,1.35fr) minmax(380px,1fr);height:560px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.map{position:relative;overflow:hidden;background:#e9efdc}.map-grid{position:absolute;inset:0;background:repeating-linear-gradient(20deg,transparent 0 45px,#d5ddcc 46px 48px,transparent 49px 80px),repeating-linear-gradient(100deg,transparent 0 62px,#d5ddcc 63px 65px,transparent 66px 110px);opacity:.8}.map-water{position:absolute;width:46%;height:120%;right:-27%;top:-9%;background:#cfe4e7;border-radius:45% 0 0 45%;transform:rotate(12deg)}.map-label{position:absolute;font:500 9px 'DM Mono';letter-spacing:.12em;color:#7c8b7c}.one{top:28%;left:37%;transform:rotate(-13deg)}.two{top:58%;left:58%;transform:rotate(65deg)}.pin{position:absolute;width:38px;height:38px;border-radius:50% 50% 50% 3px;border:3px solid #fff;background:var(--pine);color:#fff;transform:rotate(-45deg);box-shadow:0 4px 10px #314c3c66;cursor:pointer}.pin span{display:block;transform:rotate(45deg);font:700 13px Manrope}.pin-one{left:42%;top:40%}.pin-two{left:66%;top:62%;background:#266b5b}.pin-three{left:26%;top:70%;background:var(--yellow)}.current-location{position:absolute;left:52%;top:51%;height:15px;width:15px;border:3px solid white;border-radius:50%;background:#4c9beb;box-shadow:0 0 0 6px #4c9beb33}.map-attribution{position:absolute;bottom:8px;left:10px;font-size:9px;color:#68766d}.recenter{position:absolute;right:16px;bottom:17px;width:38px;height:38px;border:0;background:#fff;border-radius:5px;box-shadow:0 1px 6px #4563;color:var(--pine);font-size:20px;cursor:pointer}.results{padding:10px;overflow:auto}.place-card{padding:18px 16px;border-radius:7px;cursor:pointer;border:1px solid transparent;transition:.15s}.place-card:hover,.place-card.active{background:#f4f8ed;border-color:#dce8c8}.card-top{display:flex;justify-content:space-between;gap:10px}.place-card h3{margin:0;font-size:16px;letter-spacing:-.03em}.address,.distance,.meta{font-size:12px;color:var(--muted)}.distance{font-family:'DM Mono';white-space:nowrap}.access{display:inline-flex;align-items:center;gap:6px;margin:13px 0 7px;font-size:12px;font-weight:800}.code{font:700 16px 'DM Mono';letter-spacing:.12em;color:var(--pine);float:right}.freshness{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#63a321}.dot.yellow{background:var(--yellow)}.dot.gray{background:#aab3af}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.votes{font:500 11px 'DM Mono';color:#50615a}.directions{font:700 11px Manrope;color:var(--pine);border:0;background:transparent;cursor:pointer}.how-it-works{padding:100px clamp(20px,11vw,160px);display:grid;grid-template-columns:1fr 1.7fr;gap:80px;background:#fff}.how-it-works h2{font-size:clamp(30px,4vw,48px);line-height:1.04}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps article{border-top:1px solid var(--line);padding-top:18px}.steps b{font:500 11px 'DM Mono';color:var(--pine)}.steps h3{font-size:16px;margin:22px 0 8px}.steps p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}footer{padding:28px clamp(20px,5vw,72px);border-top:1px solid #e7ebe6;display:flex;align-items:center;gap:25px}footer p{font-size:12px;color:var(--muted);margin:0;flex:1}dialog{border:0;border-radius:12px;padding:0;box-shadow:0 20px 65px #102a2247;max-width:min(680px,calc(100% - 28px));width:100%}dialog::backdrop{background:#132d2588}.close{position:absolute;right:16px;top:13px;border:0;background:#f3f4f0;width:32px;height:32px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}#place-detail{padding:40px}.place-head{padding-right:40px;border-bottom:1px solid var(--line);padding-bottom:22px}.place-head p{color:var(--muted);font-size:14px;margin:8px 0}.detail-map{height:145px;margin:22px 0;background:linear-gradient(135deg,#e5edda,#c9e0df);border-radius:7px;display:grid;place-items:center;color:var(--pine);font:500 12px 'DM Mono'}.access-panel{background:#f4f8ed;border-radius:8px;padding:20px;margin:20px 0}.access-panel h3{font:500 11px 'DM Mono';letter-spacing:.1em;color:var(--pine);margin:0 0 15px}.large-code{font:700 28px 'DM Mono';letter-spacing:.18em;margin:11px 0}.detail-stats{display:flex;gap:15px;font:500 12px 'DM Mono';color:#516158}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.secondary-button{background:#eef3e9;color:var(--pine);min-height:48px}.secondary-button:hover{background:#e1ead9}.contribute-dialog{max-width:550px}.contribute-dialog form{padding:36px}.form-intro{font-size:13px;line-height:1.6;color:var(--muted);background:#fff8e7;padding:12px;border-radius:6px}.contribute-dialog label,.contribute-dialog fieldset{display:block;font-size:12px;font-weight:700;margin-top:17px}.contribute-dialog input:not([type=radio]),.contribute-dialog select,.contribute-dialog textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:6px;padding:12px;font:500 14px Manrope;outline-color:var(--pine)}.contribute-dialog textarea{resize:vertical;min-height:74px}.contribute-dialog fieldset{border:0;padding:0}.contribute-dialog legend{margin-bottom:9px}.choice-row{display:flex;gap:7px;flex-wrap:wrap}.choice-row label{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-weight:600;cursor:pointer}.choice-row input{accent-color:var(--pine)}.turnstile{font-size:11px;color:var(--muted);border:1px dashed #bcc7bd;padding:11px;margin:17px 0;border-radius:5px}.submit{width:100%}.thank-you{text-align:center;padding:70px 30px}.thank-you .check{margin:auto;width:54px;height:54px;display:grid;place-items:center;background:#ecf7d8;border-radius:50%;font-size:26px;color:var(--pine)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,100px);background:var(--ink);color:#fff;padding:13px 17px;border-radius:7px;font-size:13px;z-index:3;transition:.25s}#toast.show{transform:translate(-50%,0)}
@media(max-width:780px){.header{height:68px}.header nav a{display:none}.hero{padding-top:62px}.search-wrap{flex-direction:column}.locate{width:100%;order:-1}.explorer{grid-template-columns:1fr;height:auto}.map{height:300px}.results{max-height:460px}.nearby-section{padding-top:50px}.how-it-works{padding:65px 24px;display:block}.steps{margin-top:38px;grid-template-columns:1fr;gap:28px}footer{flex-wrap:wrap}.section-header h2{font-size:24px}.place-dialog #place-detail{padding:28px 20px}.detail-actions{grid-template-columns:1fr}.contribute-dialog form{padding:30px 20px}.header nav{gap:12px}}
.search-box{flex:1;position:relative}.search-box .search{width:100%}.suggestions{position:absolute;z-index:4;left:0;right:0;top:65px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 12px 28px #132d2522}.suggestion{display:block;width:100%;padding:12px 15px;border:0;border-bottom:1px solid #eef0ed;background:#fff;text-align:left;color:var(--ink);font:600 13px Manrope;cursor:pointer}.suggestion:last-child{border:0}.suggestion:hover{background:#f4f8ed}.suggestion small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:500}
.map-marker{display:grid;place-items:center;width:30px;height:30px;border:3px solid #fff;border-radius:50% 50% 50% 3px;background:#9aa49f;color:#fff;font:700 15px Manrope;transform:rotate(-45deg);box-shadow:0 3px 8px #1d433566}.map-marker::first-letter{transform:rotate(45deg)}.map-marker.good{background:#165b48}.map-marker.warning{background:#d99b23}.leaflet-container{font-family:Manrope,Arial,sans-serif}.leaflet-control-attribution{font-size:9px!important}
.place-letter{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:8px;border-radius:50%;background:var(--pine);color:#fff;font:700 11px 'DM Mono';vertical-align:2px}.place-card:hover .place-letter,.place-card.active .place-letter{background:#659b22}
.directions-dialog{max-width:410px}.directions-dialog>div{padding:36px}.directions-dialog p{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0 22px}.directions-dialog a{display:flex;align-items:center;justify-content:center;width:100%;margin-top:10px;text-decoration:none}