/* Shared ranked-guide presentation. Coffee is the reference layout. */
.cg-ranked-guide{--cg-guide-line:#c9cdbf;--cg-guide-wash:#f1f3e9;--cg-guide-ink:#192017;--cg-guide-lime:#d6ff3f}
.cg-ranked-guide .coffee-explorer,.cg-ranked-guide .guide-grid,.cg-ranked-guide .cg-layout{grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:28px;align-items:start}
.cg-ranked-guide:not(.coffee-map-page) .coffee-map-card,.cg-ranked-guide .guide-map-card,.cg-ranked-guide .cg-mapbox,.cg-ranked-guide .apt-map-section{overflow:hidden;border:1px solid var(--cg-guide-line);border-top:3px solid var(--cg-guide-ink);border-radius:5px;background:#fafbf6}
.cg-ranked-guide .coffee-map-heading,.cg-ranked-guide .guide-map-heading,.cg-ranked-guide .cg-maphead,.cg-ranked-guide .apt-map-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px;padding:16px 18px;border-bottom:1px solid var(--cg-guide-line);background:#fff}
.cg-ranked-guide .coffee-map-heading h2,.cg-ranked-guide .guide-map-heading h2,.cg-ranked-guide .cg-maphead h2,.cg-ranked-guide .apt-map-heading h2{font:700 25px/1.1 Syne,sans-serif;letter-spacing:-.035em;margin:6px 0 0}
.cg-ranked-guide .coffee-map-help,.cg-ranked-guide .guide-map-note,.cg-ranked-guide .cg-map-help{margin:0;padding:12px 16px;border-top:1px solid var(--cg-guide-line);font-size:11px;line-height:1.6;color:#5e6857}
.cg-ranked-guide .leaflet-popup-content-wrapper{border:1px solid var(--cg-guide-ink);border-radius:5px;box-shadow:4px 4px 0 var(--cg-guide-ink)}
.cg-ranked-guide .leaflet-control-zoom a,.cg-ranked-guide .maplibregl-ctrl-group{border-radius:0!important}

.place-guide .coffee-list-panel{display:flex;flex-direction:column;min-width:0;height:var(--coffee-list-height,1000px);border:1px solid var(--cg-guide-line);background:#fff}
.place-guide .coffee-list-panel-head{flex-shrink:0;margin:0;padding:19px 20px 17px;background:var(--cg-guide-wash);border-bottom:1px solid var(--cg-guide-line)}
.place-guide .coffee-list-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:12px}
.place-guide .guide-card.coffee-entry{display:block;margin:0 0 14px;padding:18px;border:1px solid var(--cg-guide-line);border-top:3px solid var(--cg-guide-ink);border-radius:5px;background:#fff;scroll-margin-top:12px}
.place-guide .guide-card .coffee-photo{position:relative;width:100%;aspect-ratio:16/9;min-height:0;margin:0 0 17px;overflow:hidden;background:#edf0e4}
.place-guide .guide-card .coffee-photo img{width:100%;height:100%;object-fit:cover}
.place-guide .guide-card .coffee-entry-body{padding:0}
.place-guide .guide-card .coffee-rank{font:800 11px/1.3 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#667162}
.place-guide .guide-card h3{font:700 clamp(25px,2.15vw,34px)/1.08 Syne,sans-serif;letter-spacing:-.04em;margin:6px 0 12px}
.place-guide .guide-card .coffee-area{font-size:12px;color:#667162}
.place-guide .guide-card .coffee-scores{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 15px}
.place-guide .guide-card .coffee-scores>div{display:grid;grid-template-columns:auto auto;grid-template-areas:'label value' 'note value';align-items:center;column-gap:14px;min-width:190px;border:1px solid #d6dacd;border-left:4px solid var(--cg-guide-lime);padding:8px 10px;background:#f8f8f3}
.place-guide .guide-card .coffee-scores span{grid-area:label;font-size:10px;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;font-weight:800}.place-guide .guide-card .coffee-scores strong{grid-area:value;font:750 23px/1 Syne,sans-serif}.place-guide .guide-card .coffee-scores small{grid-area:note;font-size:9px;color:#687061}
.place-guide .guide-card .coffee-features{display:flex;flex-wrap:wrap;gap:7px 12px;margin:15px 0}.place-guide .guide-card .coffee-features .guide-tag{border:0;border-bottom:3px solid var(--cg-guide-lime);border-radius:0;padding:0 0 4px;font-size:10px;font-weight:750}
.place-guide .guide-card .coffee-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:16px}.place-guide .guide-card .coffee-links a{min-height:0;padding:0 0 5px;border:0;border-bottom:1px solid var(--cg-guide-ink);background:transparent;color:var(--cg-guide-ink);font-size:12px;font-weight:800}.place-guide .guide-card .coffee-links a:first-child{background:transparent;color:var(--cg-guide-ink)}

.cg-list-panel .cg-card.coffee-entry{display:block;margin:0 0 14px;padding:18px;border:1px solid var(--cg-guide-line);border-top:3px solid var(--cg-guide-ink);border-radius:5px;background:#fff}
.cg-list-panel .cg-card .coffee-photo{position:relative;width:100%;max-height:none;aspect-ratio:16/9;margin:0 0 17px;overflow:hidden}.cg-list-panel .cg-card .coffee-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cg-list-panel .cg-card .coffee-entry-body{padding:0}.cg-list-panel .cg-card h3{font:700 clamp(25px,2.15vw,34px)/1.08 Syne,sans-serif;letter-spacing:-.04em;margin:6px 0 12px}.cg-list-panel .cg-card>p,.cg-list-panel .cg-card-body>p{font-size:12px;line-height:1.65}
.cg-list-panel .cg-card .coffee-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:16px}.cg-list-panel .cg-card .coffee-links>a,.cg-list-panel .cg-card .coffee-links>button{min-height:0;padding:0 0 5px;border:0;border-bottom:1px solid var(--cg-guide-ink);border-radius:0;background:transparent;color:var(--cg-guide-ink);font:800 12px/1.4 Manrope,sans-serif}.cg-list-panel .cg-card .coffee-links .cg-place-save-button{padding:7px 10px;border:1px solid #9fb54f;border-radius:5px;background:var(--cg-guide-lime)}

.apt-list .apt-card{border:1px solid var(--cg-guide-line);border-top:3px solid var(--cg-guide-ink);border-radius:5px;background:#fff}.apt-list .apt-media,.apt-list .apt-body{border-radius:0!important}
.cg-floating-map-button{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:90;display:none;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:13px 25px;border:1px solid var(--cg-guide-ink);border-radius:30px;background:var(--cg-guide-ink);color:var(--cg-guide-lime);box-shadow:0 5px 22px #19201730;font:800 14px/1 Manrope,sans-serif;transform:translateX(-50%)}.cg-floating-map-button[hidden]{display:none!important}.cg-floating-map-button:hover{background:var(--cg-guide-lime);color:var(--cg-guide-ink)}
.cg-unified-map-dialog{width:min(1100px,calc(100vw - 24px));height:min(88dvh,850px);max-width:none;max-height:none;padding:0;border:1px solid var(--cg-guide-ink);border-radius:5px;background:#fafbf6}.cg-unified-map-dialog::backdrop{background:#172015b8}.cg-unified-map-bar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--cg-guide-line);font-weight:800}.cg-unified-map-close{width:38px;height:38px;border:1px solid var(--cg-guide-line);border-radius:5px;background:#fff;font-size:24px}.cg-unified-map-slot{height:calc(100% - 54px)}.cg-unified-map-slot>.guide-map-card,.cg-unified-map-slot>.apt-map-section{height:100%;border:0;border-radius:0}.cg-unified-map-slot .guide-map,.cg-unified-map-slot #apt-map{height:calc(100% - 124px)!important;min-height:300px}.cg-unified-map-slot>.cg-mapbox{height:100%;border:0;border-radius:0}
@media(max-width:999px){.cg-ranked-guide .coffee-explorer,.cg-ranked-guide .guide-grid,.cg-ranked-guide .cg-layout{grid-template-columns:1fr}.place-guide .coffee-list-panel{height:auto;border:0}.place-guide .coffee-list-scroll{overflow:visible;padding:0}.cg-floating-map-button{display:flex}.cg-ranked-guide .coffee-map-return{display:none!important}}
@media(max-width:620px){.place-guide .guide-card.coffee-entry,.cg-list-panel .cg-card.coffee-entry{padding:14px 12px}.place-guide .guide-card .coffee-photo,.cg-list-panel .cg-card .coffee-photo{aspect-ratio:4/3;margin-bottom:14px}.place-guide .guide-card h3,.cg-list-panel .cg-card h3{font-size:27px}.place-guide .guide-card .coffee-scores>div{min-width:0}.cg-unified-map-dialog{width:calc(100vw - 12px);height:calc(100dvh - 20px)}}