.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.guide-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.guide-nav a{text-decoration:none}.guide-nav a:hover,.guide-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.breadcrumbs{display:flex;align-items:center;gap:10px;padding-top:27px;color:var(--quiet);font-size:12px}.breadcrumbs a{text-underline-offset:4px}
.guide-hero{padding-top:72px;padding-bottom:74px}.guide-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:70px;align-items:end}.guide-hero h1{max-width:970px;margin:24px 0 28px;font-size:clamp(52px,7.7vw,112px);line-height:.97}.guide-intro{max-width:760px;color:#374336;font-size:clamp(17px,1.7vw,23px);line-height:1.52;margin:0}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:33px}.primary-action,.plain-action{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:11px 20px;font-weight:700;text-decoration:none}.primary-action{border:1px solid var(--ink);background:var(--lime)}.primary-action:hover{background:#c8f026}.plain-action{text-decoration:underline;text-underline-offset:6px}.guide-stats{border-top:7px solid var(--lime);border-bottom:1px solid var(--ink);padding:11px 0}.guide-stats span{display:flex;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.guide-stats span:last-child{border-bottom:0}.guide-stats strong{font:700 25px/1 Syne,Arial,sans-serif;letter-spacing:-.055em}
.guide-body{border-top:1px solid var(--ink);padding:55px 0 90px}.section-intro{max-width:830px;margin-bottom:42px}.section-intro .eyebrow{margin:0}.section-intro h2,.faq h2{font:700 clamp(35px,4.3vw,61px)/1.02 Syne,Arial,sans-serif;letter-spacing:-.065em;margin:21px 0 18px}.section-intro p:last-child{font-size:16px;line-height:1.6;color:var(--quiet);margin:0}
.guide-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:30px;align-items:start}.map-panel{position:sticky;top:20px;border:1px solid var(--line);background:#fff}.map-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 20px}.map-head strong{display:block;font:700 21px/1.1 Syne,Arial,sans-serif;letter-spacing:-.04em}.map-head span{display:block;margin-top:5px;font-size:12px;color:var(--quiet);line-height:1.4}.map-head button{flex:none;min-height:37px;border:1px solid var(--ink);padding:5px 13px;background:#fff;font:700 12px Manrope,Arial,sans-serif;cursor:pointer}#coffee-map{height:min(65vh,650px);min-height:420px;background:#e8eee4}.map-caption{margin:0;padding:12px 20px;font-size:12px;color:var(--quiet);line-height:1.4}
.controls{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) minmax(0,.85fr);gap:10px;padding:18px;border:1px solid var(--line);background:#eff2e9}.controls label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.controls input,.controls select,.location-choice{display:block;width:100%;height:46px;min-width:0;margin-top:8px;border:1px solid #a9b2a3;border-radius:0;background:#fff;color:var(--ink);padding:0 11px;font:400 14px Manrope,Arial,sans-serif}.controls select{padding-right:30px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0 13px}.result-heading p{margin:0;font-size:13px;color:var(--quiet)}.result-heading button{border:1px solid var(--ink);padding:10px 13px;background:#fff;color:var(--ink);font:700 13px Manrope,Arial,sans-serif;cursor:pointer}.result-heading button span{display:inline-grid;place-items:center;background:var(--lime);min-width:24px;height:24px;margin-left:6px}
#coffee-list{display:grid;gap:14px}.coffee-card{border:1px solid var(--line);background:#fff;padding:25px;scroll-margin-top:20px}.coffee-card:target{outline:3px solid var(--lime);outline-offset:2px}.coffee-card[hidden]{display:none!important}.card-heading{display:grid;grid-template-columns:57px minmax(0,1fr);gap:15px;align-items:start}.card-rank{display:grid;place-items:center;min-width:57px;height:57px;padding:5px;background:var(--ink);color:var(--lime);font:700 20px Syne,Arial,sans-serif}.card-area{margin:1px 0 7px;color:var(--quiet);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.card-heading h2{font:700 clamp(25px,2.5vw,36px)/1.05 Syne,Arial,sans-serif;letter-spacing:-.055em;margin:0;overflow-wrap:anywhere}.score-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.score{display:flex;align-items:baseline;gap:5px;background:#edf1e7;padding:10px 12px;color:var(--ink)}.score--hype{border-left:5px solid var(--lime)}.score span{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-right:3px}.score strong{font:700 25px/1 Syne,Arial,sans-serif;letter-spacing:-.04em}.score small{font-size:11px;color:var(--quiet)}.card-copy{font-size:15px;line-height:1.6;margin:0 0 20px}.location-picker{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin:0 0 16px}.location-choice{font-size:13px}.location-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.location{display:grid;grid-template-columns:1fr;gap:4px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.location strong{font-size:13px}.location address{font-style:normal}.location-hours{color:var(--quiet)}.location-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:3px;font-weight:700}.location-links a,.card-links a{text-decoration:underline;text-underline-offset:4px}.location-disclosure{border-top:1px solid var(--line);margin-top:14px}.location-disclosure summary{padding:12px 0;font-size:13px;font-weight:700;cursor:pointer}.location-disclosure .location-list{border-top:0}.card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.card-actions button{min-height:45px;border:1px solid var(--ink);border-radius:0;background:var(--lime);color:var(--ink);padding:8px 7px;font:700 12px Manrope,Arial,sans-serif;cursor:pointer}.card-actions button[data-action=map]{background:#fff}.card-actions button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.card-actions button:hover,.result-heading button:hover,.map-head button:hover{box-shadow:3px 3px 0 var(--ink)}.card-links{display:flex;gap:17px;flex-wrap:wrap;margin-top:18px;font-size:12px;font-weight:700}.card-links:empty{display:none}.coffee-card--compact{padding-block:19px}.coffee-card--compact .card-heading h2{font-size:26px}.coffee-card--compact .score-row{margin:13px 0 8px}.coffee-card--compact .score strong{font-size:21px}.coffee-card--compact .card-actions{margin-top:14px}#no-results{font-size:16px;padding:32px;text-align:center;border:1px solid var(--line)}
.faq{padding-top:60px;padding-bottom:100px;border-top:1px solid var(--ink)}.faq .eyebrow{margin:0}.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}.faq summary{font:700 19px/1.3 Syne,Arial,sans-serif;letter-spacing:-.03em;padding:19px 0;cursor:pointer}.faq details p{max-width:750px;font-size:15px;line-height:1.6;margin:0 0 18px;color:#3c483b}.source-note{max-width:750px;font-size:12px;line-height:1.6;color:var(--quiet);margin-top:28px}
#itinerary-dialog{width:min(100% - 28px,580px);max-height:min(84vh,900px);border:1px solid var(--ink);border-radius:0;padding:25px;background:var(--paper);color:var(--ink)}#itinerary-dialog::backdrop{background:rgba(16,24,16,.65)}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.dialog-head h2{font:700 37px/1 Syne,Arial,sans-serif;letter-spacing:-.06em;margin:15px 0}.dialog-head .eyebrow{margin:0}.dialog-head button{border:1px solid var(--ink);background:#fff;padding:8px 12px;font-weight:700;cursor:pointer}#itinerary-dialog>p{font-size:13px;color:var(--quiet)}#itinerary-list{padding-left:26px;margin:22px 0}#itinerary-list li{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}#itinerary-list strong,#itinerary-list span{display:block}#itinerary-list span{font-size:12px;color:var(--quiet);margin:4px 0}#itinerary-list button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-right:12px;padding:3px 0;font-size:12px}#itinerary-route[hidden]{display:none}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;font-size:13px;z-index:2000;opacity:0;pointer-events:none;transition:opacity .15s}#toast.show{opacity:1}
.coffee-pin{display:grid;place-items:center;width:32px;height:32px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--ink),0 3px 8px #0003;background:var(--ink);color:var(--lime);font:700 13px Manrope,Arial,sans-serif}.coffee-pin--active{background:var(--lime);color:var(--ink);transform:scale(1.2)}.leaflet-div-icon{background:transparent;border:0}.leaflet-popup-content{font:13px/1.45 Manrope,Arial,sans-serif}.leaflet-popup-content strong{font-size:16px}.leaflet-popup-content a{font-weight:700}.leaflet-container a.leaflet-popup-close-button{color:var(--ink)}
@media(max-width:1100px){.guide-layout{grid-template-columns:1fr}.map-panel{position:relative;top:auto}.map-panel #coffee-map{height:410px;min-height:0}.guide-hero-inner{grid-template-columns:1fr;gap:34px}.guide-stats{display:flex;gap:20px}.guide-stats span{flex:1;display:block;border-bottom:0}.guide-stats strong{display:block;margin-bottom:7px}}
@media(max-width:760px){.guide-nav{gap:13px;font-size:11px}.guide-nav a:last-child{display:none}.guide-hero{padding-top:53px;padding-bottom:54px}.guide-hero h1{font-size:clamp(48px,12vw,75px)}.guide-intro{font-size:17px}.hero-actions{gap:8px}.guide-stats{gap:7px;flex-wrap:wrap}.guide-stats span{min-width:45%;font-size:11px}.guide-stats strong{font-size:22px}.guide-body{padding-top:39px}.section-intro{margin-bottom:28px}.section-intro h2,.faq h2{font-size:39px}.controls{grid-template-columns:1fr 1fr}.controls label:first-child{grid-column:1/-1}.map-panel #coffee-map{height:340px}.coffee-card{padding:18px}.card-heading{grid-template-columns:43px minmax(0,1fr);gap:12px}.card-rank{min-width:43px;height:43px;font-size:15px}.card-heading h2{font-size:26px}.coffee-card--compact .card-heading h2{font-size:23px}.score span{font-size:9px}.score strong{font-size:21px}.card-actions{grid-template-columns:1fr 1fr}.card-actions button[data-action=map]{grid-column:1/-1}.faq{padding-top:45px;padding-bottom:65px}}
@media(max-width:420px){.controls{grid-template-columns:1fr}.controls label:first-child{grid-column:auto}.score{flex:1 1 42%}.score span{display:block}.guide-nav a:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){#toast{transition:none}}
.guide-hero-inner{grid-template-columns:minmax(0,1fr) minmax(330px,.7fr);gap:36px;align-items:center}.guide-hero h1{font-size:clamp(52px,6.5vw,100px)}.guide-stats{display:flex;gap:18px;margin-top:35px}.guide-stats span{flex:1;display:block;border-bottom:0}.guide-stats strong{display:block;margin-bottom:7px}.guide-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,190px);gap:7px;min-width:0}.guide-collage figure{position:relative;margin:0;min-width:0;overflow:hidden;background:#e4e9dc}.guide-collage img{width:100%;height:100%;object-fit:cover}.guide-collage figcaption{position:absolute;bottom:8px;left:8px;right:8px;width:max-content;max-width:calc(100% - 16px);padding:5px 7px;background:#192019df;color:#fff;font-size:10px;font-weight:700}.card-photo{position:relative;width:100%;aspect-ratio:16/9;margin:0 0 20px;overflow:hidden;background:#edf0e4}.card-photo img{display:block;width:100%;height:100%;object-fit:cover}.card-photo figcaption{position:absolute;right:8px;bottom:8px;max-width:calc(100% - 16px);padding:5px 7px;background:#fbfbf8e8;font-size:10px;font-weight:700}.card-photo figcaption a{text-decoration:underline;text-underline-offset:2px}.card-photo--missing{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;padding:16px;border:1px solid #d4d9cc}.card-photo--missing span{font:700 clamp(23px,2.6vw,38px)/1.05 Syne,Arial,sans-serif;letter-spacing:-.05em}.card-photo--missing small{margin-top:10px;color:var(--quiet);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.coffee-card--compact .card-photo{aspect-ratio:3/1;max-height:180px}.coffee-card--compact .card-photo--missing{min-height:95px}.coffee-card{border-top:3px solid var(--ink)}
@media(max-width:1100px){.guide-hero-inner{grid-template-columns:1fr;gap:30px}.guide-collage{grid-template-rows:repeat(2,185px)}}
@media(max-width:760px){.guide-collage{grid-template-rows:repeat(2,120px);gap:5px}.guide-collage figcaption{font-size:8px}.guide-stats{gap:7px;margin-top:24px}.card-photo{aspect-ratio:4/3}.coffee-card--compact .card-photo{aspect-ratio:2/1}}
.location-choice.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}