/* Keep the existing map layout; refine only the brand and business browsing controls. */
.top .brand{color:#173247;letter-spacing:-.5px;line-height:1.2;min-width:230px}
.brandTitle{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:850;white-space:nowrap}
.brandTitle em{font-style:normal;color:#087f8c}
.brandMark{display:inline-flex;width:27px;height:31px;color:#087f8c;flex-shrink:0}
.brandMark svg{width:100%;height:100%}
.top .brand small{font-size:10px;color:#64748b;font-weight:500;margin:3px 0 2px 35px}
.top .brand .cafeLink{font-size:11px;color:#087f8c;font-weight:700;margin-left:35px;text-decoration:none}
.top .brand .cafeLink:hover{text-decoration:underline}
.browseHeading{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:#173247;font-weight:750;font-size:14px;margin-bottom:10px}
.browseHeading span{font-size:10px;font-weight:400;color:#64748b}
.benefitTabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#eef3f5;margin-bottom:12px}
.benefitTabs button{border:0;border-radius:8px;padding:10px 5px;background:transparent;color:#536476;font-size:12px;font-weight:700;cursor:pointer}
.benefitTabs button.active{background:#fff;color:#087f8c;box-shadow:0 1px 4px #17324718}
.filters #cats{padding-bottom:8px;border-bottom:1px solid #e9eef2}
.businessReviewName{display:block;max-width:100%;border:0;background:none;padding:0;color:inherit;text-align:left;font:inherit;font-weight:750;cursor:pointer;line-height:1.45}
.businessReviewName:hover{color:#087f8c}
.reviewNameHint{display:block;color:#60788a;font-size:10px;font-weight:500;margin-top:2px}
.businessGlyph{width:15px;height:15px;vertical-align:-3px;flex-shrink:0}
.badge.main{display:inline-flex;gap:4px;align-items:center}
.grabButton{color:#087b41!important;border-color:#a9d8ba!important;background:#f1fbf5!important}
.grabDestination{background:#f3f7f8;border-radius:12px;padding:14px;margin:14px 0;overflow-wrap:anywhere}
.grabDestination strong{display:block;margin-bottom:6px}
.grabActions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.grabActions a{display:inline-block;text-decoration:none}
.grabHelp{color:#536476;line-height:1.7;font-size:13px}
.businessReviewName:focus-visible,.benefitTabs button:focus-visible,.cafeLink:focus-visible{outline:3px solid #087f8c;outline-offset:3px;border-radius:4px}
@media(max-width:1100px){.brandTitle{font-size:20px}.top .brand{min-width:215px}}
@media(max-width:900px){
 .top .brand{min-width:0}.brandTitle{font-size:18px;gap:5px;letter-spacing:-.7px}
 .brandMark{width:20px;height:24px}.top .brand .cafeLink{font-size:10px!important;margin:5px 0 0 25px}
 .browseHeading{margin-bottom:8px}.benefitTabs{margin-bottom:8px}
}
@media(max-width:480px){.brandTitle{font-size:15px;gap:4px}.brandMark{width:17px;height:21px}.top .brand .cafeLink{margin-left:21px;font-size:9px!important}}
@media(max-width:360px){.brandTitle{font-size:13px}.brandMark{display:none}.top .brand .cafeLink{margin-left:0}}

/* Cuisine and review additions share the existing form and mobile spacing. */
#restaurantTagOptions{display:grid;gap:12px;width:100%}
.restaurantTagGroup{min-width:0;margin:0;padding:0;border:0}
.restaurantTagGroup legend{font-size:12px;font-weight:700;color:#526575;margin-bottom:7px}
.restaurantTagGroup>div{display:flex;flex-wrap:wrap;gap:6px}
.restaurantTagGroup .tagChoice{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}
.restaurantTagGroup .tagChoice input{flex:0 0 14px;width:14px;height:14px;padding:0;margin:0}
.reviewCafeLink{border:1px solid #dce7e8;border-radius:10px;margin:12px 0;padding:0 12px}
.reviewCafeLink summary{cursor:pointer;font-size:13px;font-weight:700;color:#087c86;min-height:44px;align-content:center;padding:10px 0}
.reviewCafeLink .field{margin-top:2px}
.cafeOriginalLink{display:inline-flex;align-items:center;min-height:36px;margin:6px 0;color:#087f70;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(min-width:901px){#tagNav{max-height:94px;overflow-y:auto}}