/* BeanMood · city guides: The Old Reliables and The Fresh Crop (data in guides.json) */
.guidechip{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:8px 14px 8px 10px;border:2.5px solid var(--espresso);border-radius:999px;background:#fff;color:var(--espresso);text-decoration:none;font-size:14px;font-weight:900;box-shadow:3px 3px 0 var(--espresso);transition:transform .12s,box-shadow .12s}
.guidechip small{font-size:12px;font-weight:700;opacity:.7}
.guidechip b{margin-left:2px;color:var(--accent)}
.guidechip:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--espresso);background:var(--mustard-soft)}
.guidechip:active{transform:translate(2px,2px);box-shadow:none}
.guidechip[hidden]{display:none}
body.passport-on .guidechip{display:none}
.gd-head{margin-top:4px}
.gd-head .back{margin-bottom:10px}
.gd-head h1{font-size:30px;line-height:34px;font-weight:900;letter-spacing:-.03em;margin-top:6px}
.gd-intro{margin-top:6px;font-size:15px;line-height:21px;color:var(--muted)}
.gd-others{margin-top:6px;font-size:13px;font-weight:700}
.gd-tabs{margin-top:16px}
.gd-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;border:0;border-radius:999px;background:none;color:var(--espresso);font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.gd-tabs button:hover{background:var(--mustard-soft)}
.gd-tabs button[aria-pressed="true"]{background:var(--espresso);color:#fff}
.gd-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:center;margin:4px 0 16px;padding:16px;border:var(--ink-line);border-radius:22px;box-shadow:var(--pop)}
.gd-reliables{background:var(--sky)}
.gd-fresh{background:var(--blush)}
.gd-m{margin:-26px 0 -8px -4px;align-self:end}
.gd-hero h2{font-size:22px;line-height:26px;font-weight:900}
.gd-hero p{font-size:14px;line-height:19px;margin-top:2px}
.gd-hero .gd-prog{margin-top:8px;font-size:13px}
.gd-hero .pp-mini{display:block;margin-top:6px}
.gd-share{grid-column:1/-1;justify-self:start;margin-top:8px;height:38px}
.gd-list{display:grid;gap:12px;list-style:none;padding:0;margin:0}
.gd-card{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;width:100%;padding:14px;border:2.5px solid var(--espresso);border-radius:18px;background:#fff;color:var(--espresso);font:inherit;text-align:left;box-shadow:3px 3px 0 var(--espresso);cursor:pointer;transition:transform .12s,box-shadow .12s}
.gd-card:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--espresso)}
.gd-card:active{transform:translate(2px,2px);box-shadow:none}
.gd-card.got{background:#fffbea}
.gd-no{display:grid;place-items:center;width:40px;height:40px;border:2.5px solid var(--espresso);border-radius:50%;background:var(--mustard);font-size:18px;font-weight:900}
.gd-fresh~.gd-list .gd-no{background:var(--blush)}
.gd-body{display:grid;gap:4px;min-width:0}
.gd-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.gd-name{font-size:18px;line-height:22px;font-weight:900}
.gd-since{flex:none;padding:2px 8px;border:2px solid var(--espresso);border-radius:999px;background:var(--latte,#ffe1a8);font-size:11px;font-weight:900;white-space:nowrap}
.gd-area{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--muted)}
.gd-bean{margin-top:4px;padding:8px 10px;border-radius:12px;background:var(--surface,#ffe9c4);font-size:15px;line-height:20px;font-weight:900}
.gd-bean small{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.gd-why{font-size:14px;line-height:19px}
.gd-roast{display:flex;gap:3px;margin-top:2px}
.gd-roast i{width:22px;height:7px;border:1.5px solid var(--espresso);border-radius:999px;background:#fff}
.gd-stamp{position:absolute;right:12px;bottom:12px;padding:3px 10px;border:2.5px solid var(--accent);border-radius:8px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;transform:rotate(-8deg);background:#fff}
.gd-note{margin:16px 2px 8px;font-size:12px;line-height:17px;color:var(--muted)}
.gd-head .pp-kicker{display:table;margin-top:4px}
.gd-more{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border:2px dashed var(--espresso);border-radius:16px;font-size:13px;font-weight:700}