#annoStreetMap{position:fixed;inset:0;z-index:88;display:flex;flex-direction:column;background:#eee2c5;color:#3d392d;font-family:Georgia,'Times New Roman',serif;user-select:text;touch-action:pan-x pan-y}
#annoStreetMap[hidden]{display:none}
#annoStreetMap *{box-sizing:border-box}
.asm-header{flex:none;display:flex;align-items:center;gap:20px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:#283e37;color:#f9efd5;border-bottom:3px solid #ae9158}
.asm-heading{flex:1;min-width:0}.asm-heading h2{font-size:23px;font-weight:normal;margin:0;letter-spacing:.03em}.asm-heading p{margin:4px 0 0;font-size:14px;color:#e0d7bd}
#annoStreetMap button{font:inherit;cursor:pointer;min-height:44px;border:1px solid #a18a58;border-radius:5px;padding:9px 14px;background:#f5ebd3;color:#34473c}
#annoStreetMap .asm-close{flex:none;background:transparent;color:#f9efd5;border-color:#bfa674;font-size:15px}
.asm-location{max-width:32%;font-size:15px;line-height:1.4;display:flex;gap:10px;align-items:center}.asm-location svg{width:24px;height:30px;flex:none;fill:#e5a49a;stroke:#f7e6c4;stroke-width:1.5}.asm-location small{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#e0c899}
.asm-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:#a18a58 #e8dcc0}
.asm-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;padding:10px 20px;border-bottom:1px solid #cdbb97;background:#f9f0dc;font-size:14px}
.asm-tools p{margin:0;flex:1}.asm-tools a{color:#365449;text-underline-offset:3px;padding:8px 0}
.asm-map-scroll{width:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}
.asm-canvas{position:relative;width:100%;min-width:960px;max-width:1600px;margin:auto;aspect-ratio:1440/1020;isolation:isolate}
.asm-background{display:block;width:100%;height:100%;pointer-events:none;user-select:none}
.asm-destination{position:absolute;z-index:2;transform:translate(-50%,-50%);max-width:18%;min-height:48px;display:flex;gap:7px;align-items:center;justify-content:center;padding:5px 9px;border:1px solid #aa956d;border-radius:5px;box-shadow:0 3px 6px #61563b25,inset 0 0 0 2px #fff9e655;background:#fff8e7;color:#384b3f;text-align:left;font-size:clamp(12px,1.05vw,16px);font-weight:bold;line-height:1.1;text-decoration:none;white-space:normal}
.asm-destination img{width:48px;height:36px;flex:none;object-fit:cover;border:1px solid #8b7654;border-radius:3px;box-shadow:0 1px 3px #0004;background:#dfd1b3}
.asm-destination.asm-place{background:#f1e6ca;color:#574c34}.asm-destination.asm-culture{background:#e6eadc;color:#344d44}
.asm-destination:hover,.asm-destination:focus-visible{background:#304c40;color:#fff5dc;border-color:#304c40;z-index:4;box-shadow:0 3px 10px #61563b45}
.asm-destination[aria-current="location"]{background:#893d31;color:#fff6e3;border-color:#743428;box-shadow:0 0 0 3px #fff6e3,0 4px 10px #5d38223b;z-index:5}
.asm-marker{position:absolute;z-index:6;transform:translate(-50%,-100%);display:flex;align-items:center;flex-direction:column;pointer-events:none;color:#fff8e7;filter:drop-shadow(0 2px 2px #5b42273b)}
.asm-marker span{font:bold 13px Georgia,serif;white-space:nowrap;background:#893d31;border:2px solid #fff5dc;border-radius:5px;padding:5px 9px;line-height:1}
.asm-marker[hidden]{display:none}
.asm-marker svg{display:block;width:28px;height:32px;margin-top:-2px;overflow:visible;fill:#893d31;stroke:#fff5dc;stroke-width:2.5}
.asm-directory{max-width:1440px;margin:auto;padding:18px 24px 25px;border-top:1px solid #c3af88;background:#f9f0dc}.asm-directory summary{font-size:19px;cursor:pointer;min-height:44px;padding:8px 0;color:#345446}.asm-directory p{font-size:14px;margin:4px 0 18px;color:#6e644b}.asm-directory ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px}
.asm-directory a{display:block;min-height:50px;padding:9px 5px;border-bottom:1px solid #dac9a4;color:#354b3f;text-decoration:none;font-size:16px;line-height:1.3}.asm-directory a small{display:block;margin-top:5px;font-size:12px;font-weight:normal;line-height:1.5;color:#70684e}.asm-directory a:hover{text-decoration:underline}.asm-directory a[aria-current="location"]{color:#893d31;font-weight:bold}
#annoStreetMap a:focus-visible,#annoStreetMap button:focus-visible,#annoStreetMap summary:focus-visible,#annoStreetMap input:focus-visible{outline:3px solid #326e7b;outline-offset:4px}
.asm-note{min-height:0;margin:0;color:#893d31}.asm-note:not(:empty){padding:10px 20px;background:#fff4dd}
@media(min-width:1700px){.asm-canvas{max-width:1440px}}
@media(max-width:900px){.asm-header{gap:12px;padding:9px 12px}.asm-heading h2{font-size:20px}.asm-heading p{font-size:12px}.asm-location{max-width:35%;font-size:13px}.asm-directory ol{grid-template-columns:repeat(2,minmax(0,1fr))}.asm-tools{padding:6px 14px;gap:6px 14px}.asm-destination{font-size:14px}}
@media(max-width:600px){.asm-header{flex-wrap:wrap;gap:8px 12px}.asm-heading h2{font-size:20px}.asm-heading p{display:none}.asm-location{max-width:100%;width:100%;font-size:14px;border-top:1px solid #6c7964;padding-top:6px}.asm-location svg{width:19px;height:23px}.asm-location small{display:inline;margin-right:6px}.asm-tools{font-size:13px}.asm-tools p{flex-basis:100%}.asm-directory{padding:12px 16px}.asm-directory ol{grid-template-columns:1fr}.asm-canvas{min-width:960px}}
@media(max-height:550px){.asm-heading p{display:none}.asm-header{padding-top:6px;padding-bottom:6px}.asm-heading h2{font-size:19px}.asm-tools{padding-top:3px;padding-bottom:3px}.asm-tools p{display:none}}