.map-preview-note{padding:9px 20px;background:#f1e5d7;border-bottom:1px solid #e3d2bf;text-align:center;font-size:12px;letter-spacing:.05em;color:#6b4c40}.map-preview-note a{margin-left:16px;text-decoration:underline;text-underline-offset:4px}.area-map-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 26px}.area-map-head .eyebrow{margin:0 0 9px;font-size:11px;letter-spacing:.18em}.area-map-head h2{font-size:25px;margin:0 0 10px;letter-spacing:.06em}.area-map-head p:last-child{margin:0;color:#75695e;font-size:15px}.map-all{font-size:13px;white-space:nowrap;text-decoration:underline;text-underline-offset:6px}.map-all span{margin-left:12px}.area-map-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);background:#f8f3ec;border:1px solid #e8ddd0;border-radius:20px;overflow:hidden;align-items:stretch}.area-map-canvas{min-width:0;padding:0 10px 20px;align-self:center}.map-frame{position:relative;aspect-ratio:680/620;width:100%}.map-frame svg{display:block;width:100%;height:100%;overflow:visible}.map-city{cursor:pointer;outline:none}.map-city path{fill:#e8e1d7;stroke:#f8f3ec;stroke-width:1.2;vector-effect:non-scaling-stroke;transition:fill .15s}.map-city.has-shops path{fill:#dec8aa}.map-city:hover path,.map-city:focus-visible path{fill:#c69878;stroke:#8d4a42;stroke-width:2}.map-city.is-selected path{fill:#ad6253;stroke:#f8f3ec}.map-city:focus-visible path{stroke:#6f342e;stroke-width:3}.map-leader{fill:none;stroke:#ae8c74;stroke-width:1.2;vector-effect:non-scaling-stroke;pointer-events:none}.map-dot{fill:#9b5846;pointer-events:none}.map-context{fill:#918b83;font-size:19px;letter-spacing:.06em;pointer-events:none}.map-sea{font-family:Georgia,serif;fill:#aaa59c;font-size:14px;letter-spacing:.17em}.map-label{position:absolute;transform:translate(-50%,-50%);border:1px solid #c9b6a1;background:#fffdf9;box-shadow:0 2px 8px #5b423512;border-radius:12px;padding:8px 12px;min-height:44px;min-width:78px;text-align:center;line-height:1.35;cursor:pointer;white-space:nowrap;color:#4d392e;font:600 14px/1.4 inherit}.map-label>span{display:block;font-size:14px;font-weight:700;letter-spacing:.04em}.map-label small{font-size:11px;color:#846c5b}.map-label.is-selected{background:#955548;color:#fff;border-color:#955548}.map-label.is-selected small{color:#fff4ea}.map-label:hover{border-color:#955548;background:#f5e7dc}.map-label.is-selected:hover{background:#87463c}.map-label:focus-visible,.map-wards button:focus-visible{outline:2px solid #86483c;outline-offset:3px}.map-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:11px;color:#75695e}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;background:#dec8aa}.map-legend i.muted{background:#e8e1d7}.map-selection{background:#fffcf8;border-left:1px solid #e8ddd0;padding:32px 28px;min-width:0;display:flex;flex-direction:column;justify-content:center}.map-selection-eyebrow{font-size:10px;color:#99675a;letter-spacing:.15em;margin:0 0 10px}.map-selection-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.map-selection-title h3{font-size:27px;margin:0;letter-spacing:.06em}.map-selection-title>span{font-size:12px;color:#8b7463}.map-selection-title b{font-family:Georgia,serif;font-weight:400;font-size:28px;color:#925548}.map-selection-intro{font-size:13px;line-height:1.8;color:#75695e;margin:14px 0 24px}.map-wards{border:0;padding:0;margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.map-wards legend{font-size:12px;color:#6f5c50;margin:0 0 10px}.map-wards button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px;padding:10px 12px;background:#fff;border:1px solid #ded2c7;border-radius:9px;color:#574337;font:inherit;font-size:13px;cursor:pointer}.map-wards button:first-of-type{grid-column:1/-1}.map-wards button small{color:#9c8370;font-size:10px}.map-wards button[aria-pressed=true]{background:#f3e5d6;border-color:#b88564;color:#7b4835;font-weight:700}.map-wards button:disabled{color:#a49a90;background:#f7f3ee;border-color:#eee7de;cursor:default}.map-result-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-size:13px;min-height:48px;box-sizing:border-box;padding:13px 15px}.map-result-link span{white-space:nowrap;font-size:12px}.map-coming{font-size:13px;color:#827060;padding:18px;background:#f7f1e9;border-radius:10px;line-height:1.8}.map-select-label{margin-top:26px;color:#827366;font-size:11px}.map-select-wrap{margin-top:8px}.map-select-wrap select{font:inherit;font-size:13px;min-height:44px;width:100%;padding:10px 14px;border:1px solid #dcd0c3;background:#fffdf9;color:#5e4b3c;border-radius:9px}.map-credit{font-size:10px;color:#8c7f72;line-height:1.7;padding-top:13px;padding-bottom:14px}.map-credit summary{cursor:pointer}.map-credit p{max-width:700px}.map-credit a{text-decoration:underline}
@media(max-width:899px){.area-map-head{padding-top:8px;display:block}.area-map-head h2{font-size:22px}.area-map-head .map-all{display:inline-block;margin-top:18px;min-height:30px}.area-map-layout{display:block;border-radius:15px}.area-map-canvas{padding:0 0 17px}.map-frame{aspect-ratio:680/620}.map-label{padding:6px 9px;min-width:68px;border-radius:10px;min-height:44px}.map-label>span{font-size:12px}.map-label small{font-size:10px}.map-legend{font-size:10px;gap:12px}.map-selection{border-left:0;border-top:1px solid #e8ddd0;padding:24px 20px}.map-selection-title h3{font-size:24px}.map-selection-intro{margin:10px 0 18px}.map-wards{grid-template-columns:1fr 1fr;gap:8px}.map-select-label{margin-top:20px}.map-preview-note{font-size:10px;padding:7px 12px}.area-entrances{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.map-city path{transition:none}}

.map-label{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;line-height:1.2;height:48px;width:84px;min-width:0;padding:5px 6px}.map-label>span{line-height:1.2}.map-label small{display:block;line-height:1.3}@media(max-width:899px){.map-label{height:46px;min-height:46px;width:68px;min-width:0;padding:5px 4px}}

.mobile-areas{display:none}.mobile-areas h2{font-size:20px;margin:0 0 18px;letter-spacing:.05em}.mobile-areas nav{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mobile-areas nav a,.mobile-areas nav button,.mobile-areas .area-unavailable{display:flex;align-items:center;gap:7px;min-height:48px;padding:11px 12px;border:1px solid #dfd3c6;background:#fffdf9;border-radius:10px;box-sizing:border-box;font:inherit;font-size:14px;line-height:1.5;color:#554338;text-decoration:none;text-align:left}.mobile-areas small{margin-left:auto;font-size:10px;color:#907a68;white-space:nowrap}.mobile-areas .mobile-city-button{cursor:pointer}.mobile-city-button[aria-expanded=true]{background:#f2e3d1;border-color:#bb9777}.mobile-city-button[aria-expanded=true]>span{transform:rotate(180deg)}#mobile-hiroshima-wards{margin-top:14px;padding:17px 13px;background:#f5ede3;border-radius:12px}#mobile-hiroshima-wards>p{font-size:12px;margin:0 0 12px;color:#7f6652}#mobile-hiroshima-wards .all-hiroshima{grid-column:1/-1}.mobile-areas .area-unavailable{background:#f9f5ef;color:#ab9e90;border-color:#eae1d6}.mobile-areas a:focus-visible,.mobile-areas button:focus-visible{outline:2px solid #935449;outline-offset:3px}@media(max-width:899px){.mobile-areas{display:block;padding-top:12px;padding-bottom:18px}.area-map-head,.area-map-layout,.map-credit{display:none}}