:where(.hero,.section,.container){--city-primary: #2E86AB;--city-primary-light: #4BA3C7;--city-primary-bg: #EDF5F9;--city-secondary: #5B8C5A;--city-secondary-light: #7AAD79;--city-accent: #D4956A;--city-accent-light: #E5B08A}.hero{background:var(--sand-light);text-align:center;padding:3rem 1.5rem 2.5rem}.hero h1{color:var(--charcoal);font-size:2.4rem;margin-bottom:.4rem}.subtitle{color:var(--charcoal-light);font-size:1.05rem;letter-spacing:.08em}.section-desc{color:var(--charcoal-light);margin-bottom:1.5rem}.must-eat-list{list-style:none;counter-reset:must-eat;padding:0}.must-eat-list li{counter-increment:must-eat;padding:.8rem 0 .8rem 3rem;border-bottom:1px solid var(--sand-light);font-size:.95rem;line-height:1.7;position:relative}.must-eat-list li:last-child{border-bottom:none}.must-eat-list li:before{content:counter(must-eat);position:absolute;left:0;top:.7rem;width:2rem;height:2rem;border-radius:50%;background:var(--city-primary);color:var(--warm-white);font-family:var(--font-heading);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.area-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.area-overview-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.2rem 1rem;background:var(--city-primary-bg);border:1px solid var(--sand);border-radius:10px;transition:box-shadow .2s,transform .2s}.area-overview-card:hover{box-shadow:0 4px 16px #2e86ab1a;transform:translateY(-2px)}.area-overview-icon{font-size:1.6rem;margin-bottom:.4rem}.area-overview-name{font-family:var(--font-heading);font-weight:600;color:var(--charcoal);font-size:.95rem;margin-bottom:.25rem}.area-overview-desc{font-size:.82rem;color:var(--charcoal-light)}.cluster-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--sand)}.cluster-section:last-child{border-bottom:none}.cluster-section h3{font-size:1.3rem;color:var(--charcoal);margin-bottom:.5rem;cursor:pointer;user-select:none}.cluster-section h3:before{content:"▶ ";font-size:.8rem;display:inline-block;transition:transform .3s ease}.cluster-section.expanded h3:before{content:"▼ "}.cluster-collapsible{max-height:0;overflow:hidden;transition:max-height .4s ease}.cluster-section.expanded .cluster-collapsible{max-height:none}.cluster-desc{color:var(--charcoal-light);font-size:.92rem;margin-bottom:1rem;line-height:1.6}.map-container{border-radius:12px;overflow:hidden;border:1px solid var(--sand);box-shadow:0 2px 12px #2e86ab14;margin-top:1rem;margin-bottom:1.2rem}.cluster-map{width:100%;height:400px}@media(max-width:768px){.cluster-map{height:300px}}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.shop-card{background:#fff;border:1px solid #ddd0c0;border-radius:12px;padding:1.4rem;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 8px #2e86ab14}.shop-card:hover{box-shadow:0 4px 16px #2e86ab1f;transform:translateY(-2px)}.shop-card--star{border-color:var(--city-primary-light);border-width:2px;background:linear-gradient(135deg,var(--city-primary-bg) 0%,#F8FCFE 100%)}.shop-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.shop-name{font-family:var(--font-heading);font-weight:600;font-size:1.05rem}.star-badge{font-size:.72rem;background:var(--city-primary);color:var(--warm-white);padding:.15rem .5rem;border-radius:10px;letter-spacing:.04em}.shop-tags{margin-bottom:.4rem}.shop-cat-tag{display:inline-block;font-size:.75rem;padding:.15rem .5rem;border-radius:4px;font-family:var(--font-heading)}.shop-desc{font-size:.9rem;color:var(--charcoal-light);margin-bottom:.4rem;line-height:1.6}.shop-warn{font-size:.85rem;color:#d4956a;background:#fdf5ee;border-radius:6px;padding:.4rem .6rem;margin-bottom:.5rem;line-height:1.5}.btn--sm{font-size:.8rem;padding:.35rem .9rem}.btn--outline{display:inline-block;border:1px solid var(--city-primary);color:var(--city-primary);border-radius:6px;font-family:var(--font-heading);transition:background .2s,color .2s}.btn--outline:hover{background:var(--city-primary);color:#fff}.btn--amap{display:inline-block;margin:.8rem 0 1.2rem;font-size:.85rem;padding:.45rem 1rem;border:1px solid var(--city-primary);color:var(--city-primary);border-radius:8px;cursor:pointer;transition:background .2s,color .2s;text-decoration:none;background:transparent}.btn--amap:hover{background:var(--city-primary);color:#fff}.avoid-card{background:#fef5f5;border:1px solid #E8C8C8;border-radius:10px;padding:1.5rem}.avoid-card li{margin-bottom:.7rem;font-size:.92rem;line-height:1.6}.avoid-card li:last-child{margin-bottom:0}.tips-card{background:var(--city-primary-bg);border:1px solid var(--sand);border-radius:10px;padding:1.5rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.tip{padding:.8rem;background:var(--warm-white);border-radius:8px;font-size:.92rem;line-height:1.6}@media(max-width:480px){.hero h1{font-size:1.8rem}.area-overview-grid{grid-template-columns:repeat(2,1fr)}}