.hero-top>.city-button{flex-shrink:0;white-space:nowrap}.hero-top{gap:9px}.hero-top>.eyebrow{min-width:0}.filter-scroll-shell{position:relative;width:100%;margin:0 0 3px;isolation:isolate}.filter-scroll-shell .filter-row{width:100%;margin:0;padding:0 0 5px;scroll-padding-inline:5px 17px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;touch-action:pan-x pan-y}.filter-scroll-shell .filter-row::after{content:"";display:block;flex:0 0 10px}.filter-scroll-shell .chip{scroll-snap-align:start;flex-shrink:0;white-space:nowrap}.filter-scroll-shell::after,.filter-scroll-shell::before{content:"";position:absolute;top:0;bottom:5px;width:23px;pointer-events:none;z-index:2;opacity:0;transition:opacity .15s}.filter-scroll-shell::after{right:0;background:linear-gradient(90deg,transparent,var(--paper))}.filter-scroll-shell::before{left:0;background:linear-gradient(90deg,var(--paper),transparent)}.filter-scroll-shell.can-scroll-right::after,.filter-scroll-shell.can-scroll-left::before{opacity:1}.filter-hint{height:17px;display:flex;align-items:center;justify-content:flex-end;font-size:9px;color:#929b84;margin:0 0 6px;letter-spacing:.4px}.filter-hint[hidden]{display:none}.filter-scroll-shell+.filter-hint+.nearby-basis{margin-top:0}.place-photo{height:100%;min-height:112px;position:relative;overflow:hidden;border-radius:11px;background:#dce5cf}.place-photo>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.place-photo.card{min-height:118px}.detail-art.photo-detail{height:auto;aspect-ratio:3/2;margin-bottom:9px}.photo-detail .place-photo{min-height:0;width:100%;height:100%;border-radius:15px}.place-photo-fallback{padding:20px 10px;min-height:118px;display:flex;align-items:center;justify-content:center;background:#edf1e6;font-size:11px;color:#829674}.area-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 0 10px;min-height:39px;font-size:10px;color:#829271}.area-mode-bar span{min-width:0}.area-mode-bar button{font-size:10px;min-height:44px;padding:4px 6px;color:#5e7c4b;white-space:nowrap}.area-mode-bar svg{width:14px;height:14px;margin-right:4px}.area-empty{padding:22px 18px 16px;margin:12px 0;border-radius:16px;border:1px dashed #cad9b7;background:#eef3e5}.area-empty h2{font:500 19px/1.5 var(--serif);margin:4px 0 10px}.area-empty p{font-size:12px;line-height:1.9;color:#7b8d6b}.area-empty>.primary-button{margin-top:18px}.area-empty .button-row{margin-top:15px}.area-empty .button-row>button{font-size:11px;padding:10px 6px}.shared-area-note{font-size:10px;line-height:1.8;color:#8b9a7d;margin:5px 0 15px}.route-title .text-button{font-size:11px;min-height:44px;white-space:nowrap}.route-summary .route-title>div{min-width:0}.nearby-basis{flex-wrap:wrap}.nearby-basis>span{min-width:0}.nearby-basis .text-button{margin-left:auto}@media(max-width:360px){.hero-top{gap:5px}.hero-top>.eyebrow{font-size:8px;letter-spacing:.7px}.hero-top>.city-button{gap:4px;padding:3px 9px;font-size:11px}.place-card{grid-template-columns:88px 1fr}.place-photo.card{min-height:120px}.area-mode-bar button{font-size:9px;padding:3px 2px}.area-mode-bar{font-size:9px}.filter-hint{font-size:8px}}

.hero-top>.city-button[data-action="city"]{max-width:56%;min-width:0}.area-button-label{overflow:hidden;text-overflow:ellipsis;min-width:0}.city-button>svg{flex-shrink:0}