/* Shared compact web presentation, aligned with the native discovery app. */
:root{--ink:var(--rw-ink,#182724);--paper:var(--rw-paper,#fbfaf7);--cream:var(--rw-cream,#f2efe7);--line:var(--rw-line,#dddcd4);--muted:var(--rw-muted,#68716d)}
body.rw-app-site{background:var(--paper);color:var(--ink);padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
.rw-app-site .site-header{height:66px;min-height:66px;padding:8px max(18px,calc((100vw - 1080px)/2));gap:12px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:800;flex-wrap:nowrap}
.rw-app-site .site-header>.brand{margin-right:auto;flex-shrink:0}
.rw-app-site .site-header .brand-logo{width:146px!important;height:auto;display:block;background:var(--ink);border-radius:4px;filter:none!important;forced-color-adjust:none}
.rw-app-site .site-header>nav,.rw-app-site .header-actions,.rw-app-site .site-header>.header-cta{display:none}
.rw-app-site .rw-global-menu{position:relative;margin:0;display:block;flex-shrink:0}
.rw-app-site .rw-global-menu>summary{min-height:44px;min-width:56px;padding:12px 9px;font-size:12px;border:1px solid var(--line);border-radius:4px;background:transparent}
.rw-app-site .rw-global-menu>nav{position:absolute;right:0;top:48px;display:flex;flex-direction:column;gap:0;min-width:220px;max-height:70svh;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px;box-shadow:0 12px 36px #18272420}
.rw-app-site .rw-global-menu>nav a,.rw-app-site .rw-global-menu>nav button{font-size:13px;text-align:left;padding:11px 13px;min-height:44px;border:0;background:transparent;color:var(--ink)}
.rw-app-site .rw-language{width:auto;max-width:85px;min-height:36px;padding:6px;font-size:10px;border:1px solid var(--line);border-radius:4px;background:transparent}
.rw-app-site .account-bar{border:0;background:transparent;position:static;padding:0;max-width:1080px;margin:0 auto}
.rw-app-site .account-bar-inner{padding:9px 18px;min-height:0;gap:8px;align-items:center}
.rw-app-site .account-status{font-size:12px;line-height:1.5;min-width:0}
.rw-app-site .account-actions{gap:6px;flex-wrap:wrap}.rw-app-site .account-actions>a,.rw-app-site .account-actions>button{min-height:36px;font-size:10px;padding:8px 10px;border-radius:4px}
.rw-app-site .account-actions>.owner-management-link,.rw-app-site #account-logout{display:none}
.rw-app-site .account-status .account-nickname{font-size:12px}.rw-app-site .account-status .account-badge{font-size:9px}
.consumer-home.rw-app-site .account-bar{padding-bottom:0!important}
.consumer-home.rw-app-site .account-bar-inner{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:8px 18px!important;gap:8px;min-height:54px}
.consumer-home.rw-app-site .account-status{display:flex!important;flex-direction:row;align-items:center;gap:8px;flex:1;min-width:0;max-width:none;line-height:1.3}
.consumer-home.rw-app-site .account-nickname{max-width:120px}.consumer-home.rw-app-site .account-member-badge{font-size:9px}
.consumer-home.rw-app-site .account-actions{width:auto;margin:0;gap:6px;flex-wrap:nowrap}
.consumer-home.rw-app-site .member-shortcuts{display:none}
.rw-app-site .account-actions>a[href="/profile"],.rw-app-site .account-actions>a[href="/my-roastery"],.rw-app-site .account-actions>a[href="/coffee-passport"]{display:none}
.consumer-home.rw-app-site .account-bar-inner{min-height:0;padding:5px 18px!important}
.consumer-home.rw-app-site .account-actions .member-shortcut{min-height:40px;padding:8px 10px;font-size:10px;font-weight:500;display:flex;flex-direction:row;gap:0;border:1px solid var(--line);border-radius:4px;background:transparent;box-shadow:none}
.consumer-home.rw-app-site .member-shortcut-icon{display:none}
.rw-app-site .button{min-height:44px;border-radius:4px;font-size:12px;padding:10px 14px;gap:8px}
.rw-app-site :is(input,textarea,select){border-radius:4px;font-family:var(--rw-sans,system-ui)}
.rw-app-site input[type=checkbox]{width:19px;height:19px;accent-color:var(--ink);flex-shrink:0}
.rw-app-site :is(h1,h2){letter-spacing:-.04em;line-height:1.4}
.rw-app-site .portal,.rw-app-site .personal-main,.rw-app-site .profile-main,.rw-app-site .benefit-main,.rw-app-site .operations-page{max-width:860px;margin:0 auto;padding:22px 18px 30px}
.rw-app-site .portal>h1,.rw-app-site .personal-main>h1,.rw-app-site .benefit-main h1,.rw-app-site .operations-page>h1{font-size:26px;margin:5px 0 12px}
.rw-app-site .portal-box,.rw-app-site .profile-section,.rw-app-site .personal-card,.rw-app-site .coffee-record-card{border-radius:6px;border-color:var(--line);background:#fff;padding:18px;margin-bottom:14px}
.rw-app-site .personal-intro{font-size:12px;margin:0 0 16px;color:var(--muted)}
.rw-app-site .journal-library{border:0;background:transparent;padding:0;margin-top:20px}.rw-app-site .journal-library>summary{font-size:17px;padding:14px 0;border-top:1px solid var(--line)}
.rw-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;justify-content:center;gap:4px;border-top:1px solid var(--line);background:var(--paper);padding:7px 8px calc(6px + env(safe-area-inset-bottom,0px))}
.rw-bottom-nav a{flex:1;max-width:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:49px;border-radius:5px;color:#77857a;font-size:10px;text-decoration:none;line-height:1.3}
.rw-bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rw-bottom-nav [aria-current=page]{background:#edf2e9;color:var(--ink);font-weight:700}
.rw-app-site .site-footer{max-width:1080px;margin:0 auto;padding:28px 18px 12px;border-top:1px solid var(--line)}
.rw-app-site .footer-brand .brand-logo{width:146px}.rw-app-site .footer-top{padding-bottom:14px;gap:14px}.rw-app-site .footer-top>p{font-size:11px}
/* The map is the first task; explanatory sections stay available further down. */
.consumer-home.rw-app-site>main{max-width:1080px;margin:auto}
.consumer-home.rw-app-site .discovery-welcome{padding:10px 18px 12px!important;margin:0;border-bottom:1px solid var(--line);max-width:none}
.consumer-home.rw-app-site .welcome-brand{font-size:9px;margin:0 0 3px;gap:9px}.consumer-home.rw-app-site .welcome-brand [lang=en]{font-size:8px}
.consumer-home.rw-app-site .discovery-welcome h1:has(>.journey-part){font-size:clamp(16px,4.9vw,26px);margin:2px 0;gap:.4em;line-height:1.6}
.consumer-home.rw-app-site .discovery-welcome-description{display:none}
.consumer-home.rw-app-site .live-updates{margin:0;padding:10px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;max-width:none}
.consumer-home.rw-app-site .live-heading h2{font-size:12px;margin:0}.consumer-home.rw-app-site .live-heading{margin-bottom:4px}.consumer-home.rw-app-site .live-heading button{font-size:10px;min-height:32px;padding:5px 9px}
.consumer-home.rw-app-site .live-card{padding:6px 0;background:transparent;border:0;min-height:0}.consumer-home.rw-app-site #live-body{font-size:12px;line-height:1.5}.consumer-home.rw-app-site .live-meta{font-size:9px;margin-top:3px}
.consumer-home.rw-app-site #map{padding:16px 18px!important;margin:0;border:0;background:transparent}
.consumer-home.rw-app-site .map-discovery-heading{margin-bottom:8px;gap:10px}.consumer-home.rw-app-site .map-discovery-heading h2{font-size:23px}.consumer-home.rw-app-site .map-discovery-heading .eyebrow{font-size:8px;letter-spacing:.12em}
.consumer-home.rw-app-site .type-pill,.consumer-home.rw-app-site .map-radius-fixed{display:none}
.consumer-home.rw-app-site .map-toolbar{margin:0 0 8px!important;padding:0!important;border:0!important;min-height:0;display:block}
.consumer-home.rw-app-site .map-distance{display:flex;flex-direction:row!important;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%}
.consumer-home.rw-app-site .map-distance>label:has(#map-radius){display:none}
.consumer-home.rw-app-site #locate-me{order:-1;min-height:44px;font-size:10px;padding:8px 10px}
.consumer-home.rw-app-site .map-distance>label{font-size:10px;min-height:44px;display:inline-flex;align-items:center;gap:4px;margin:0}
.consumer-home.rw-app-site .visit-legend-icon{width:18px;height:18px;font-size:10px;line-height:18px}
.consumer-home.rw-app-site .map-context{font-size:10px;margin:0 0 7px;padding:0;min-height:0}
.consumer-home.rw-app-site .explore-layout{display:flex;flex-direction:column;gap:10px;margin:0}
.consumer-home.rw-app-site #discovery-map{width:100%;height:clamp(275px,43svh,440px);min-height:275px;border-radius:5px;border:1px solid var(--line)}
.consumer-home.rw-app-site #map-selection{display:none} /* Marker popups keep the same full details and visit links. */
.consumer-home.rw-app-site .map-search-below{width:100%;margin:0!important}.consumer-home.rw-app-site .map-search-below input{font-size:13px;min-height:44px}
.consumer-home.rw-app-site .close-roasteries{margin:18px 0 0!important;padding:18px 0 0!important;border-top:1px solid var(--line);background:transparent}
.consumer-home.rw-app-site .close-roasteries h2{font-size:20px}.consumer-home.rw-app-site .close-roasteries .eyebrow{font-size:8px}.consumer-home.rw-app-site .close-photo{height:130px;border-radius:4px 4px 0 0}
.consumer-home.rw-app-site #recommend{margin:10px 18px 26px;padding:22px 0!important;border-top:1px solid var(--line);background:transparent;gap:20px}
.consumer-home.rw-app-site #recommend h2{font-size:22px}.consumer-home.rw-app-site .partner-copy p{font-size:12px}.consumer-home.rw-app-site .partner-offer{padding:0;border:0}.consumer-home.rw-app-site .owner-invitation{padding:16px;border:1px solid var(--line);border-radius:6px;background:white}
.consumer-home.rw-app-site .owner-invitation img{width:120px;height:120px}.consumer-home.rw-app-site .owner-invitation .offer-note{font-size:10px}
.consumer-home.rw-app-site .review-section{padding:22px 18px;gap:18px;border-top:1px solid var(--line)}.consumer-home.rw-app-site .review-section h2{font-size:20px}.consumer-home.rw-app-site .review-coming{padding:12px 0 0}.consumer-home.rw-app-site .review-coming p{font-size:12px}
.rw-app-site .detail-main{max-width:1080px;margin:auto}.rw-app-site .detail-info,.rw-app-site .detail-review,.rw-app-site .detail-directions{padding:22px 18px;margin:0;border-color:var(--line)}
.rw-app-site .detail-info h2,.rw-app-site .detail-review h2{font-size:23px}.rw-app-site .public-review-editor{border-radius:6px;padding:16px}
.rw-app-site :focus-visible{outline:3px solid #a47747;outline-offset:3px}
.shop-member-stats{margin:12px 0 0;color:var(--ink,#182724)}
.shop-member-counts{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;line-height:1.6}
.shop-member-counts>span{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line,#d9dfdb);border-radius:8px;background:var(--paper,#fbfaf7)}
.shop-member-counts strong{font-size:21px;font-weight:750;margin-left:0;font-variant-numeric:tabular-nums}
.shop-member-note{font-size:10px;line-height:1.5;color:var(--muted,#68716d);margin:4px 0 0}
@media(min-width:900px){.consumer-home.rw-app-site .discovery-welcome{padding-top:16px!important}.consumer-home.rw-app-site #map{padding-top:20px!important}.consumer-home.rw-app-site #discovery-map{height:440px}.rw-app-site .account-bar-inner{padding:10px 18px}.consumer-home.rw-app-site .map-distance{gap:16px}.rw-bottom-nav{gap:14px}.rw-app-site .site-header{height:68px}.consumer-home.rw-app-site #recommend{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.rw-app-site .site-header .brand-logo{width:132px!important}.consumer-home.rw-app-site .map-distance{gap:5px}.consumer-home.rw-app-site .map-distance>label{font-size:9px}.consumer-home.rw-app-site #locate-me{padding:8px;font-size:9px}.rw-app-site .account-actions .member-shortcut{padding:7px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.rw-app-site *{scroll-behavior:auto!important}}

.personal-main .personal-tabs{display:flex;gap:6px}.personal-main .personal-tabs button{flex:1;font-size:12px;padding:10px 5px;min-height:42px}.personal-main .coffee-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:10px 0 16px}.personal-main .coffee-summary div{text-align:center;padding:12px 4px}.personal-main .coffee-summary span{font-size:11px}.personal-main .personal-help-row{margin-bottom:12px}.personal-main .record-tag{font-size:11px}