doi-city-map.doi-city-map{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.7fr);gap:24px;align-items:start;color:inherit}
doi-city-map .dci-controls,doi-city-map .dci-stage-wrap{min-width:0}
doi-city-map .dci-controls{display:flex;flex-direction:column;gap:16px}
doi-city-map .dci-choice{display:flex;flex-direction:column;gap:8px;font-weight:650}
doi-city-map select{display:block;width:100%;min-height:46px;padding:10px 42px 10px 12px;border:1px solid #725c37;border-radius:6px;background-color:#fffdff;color:#070604;font:inherit;line-height:1.35}
doi-city-map button,doi-city-map .dci-guide-link{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #834601;border-radius:6px;background:#fffdff;color:#834601;font:inherit;font-weight:650;line-height:1.25;text-decoration:none;cursor:pointer}
doi-city-map button svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
doi-city-map button[aria-pressed=true],doi-city-map .dci-guide-link{background:#834601;color:#fffdff}
doi-city-map button:disabled,doi-city-map select:disabled{opacity:.55;cursor:wait}
doi-city-map :is(button,select,a):focus-visible{outline:3px solid #d2bb6f;outline-offset:3px}
doi-city-map .dci-basemaps,doi-city-map .dci-actions{display:flex;flex-wrap:wrap;gap:8px}
doi-city-map .dci-basemaps button{flex:1 1 100px}
doi-city-map .dci-stage-wrap{position:relative}
doi-city-map .dci-stage{position:relative;height:500px;overflow:hidden;border:1px solid #d2bb6f;border-radius:10px;background:#eee7d8;isolation:isolate}
doi-city-map .drm-mapbox-container{position:absolute;inset:0;width:100%;height:100%}
doi-city-map .dci-zoom{position:absolute;z-index:3;top:12px;right:12px;display:flex;flex-direction:column;gap:6px}
doi-city-map .dci-zoom button{width:44px;height:44px;padding:10px;background:#fffdff;box-shadow:0 2px 8px #07060426}
doi-city-map .dci-raster-tiles,doi-city-map .dci-raster-pins{position:absolute;inset:0;overflow:hidden}
doi-city-map .dci-raster-tiles{z-index:0;pointer-events:none}
doi-city-map .dci-raster-tiles img{max-width:none!important;margin:0!important;border-radius:0!important}
doi-city-map .dci-raster-pins{z-index:2;pointer-events:none}
doi-city-map .dci-raster-pin,doi-city-map .dh-map-cluster{position:absolute;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:2px solid #fffdff;border-radius:50%;background:#834601;color:#fffdff;transform:translate(-50%,-50%);pointer-events:auto;box-shadow:0 2px 6px #07060470;font-size:14px;line-height:1;cursor:pointer}
doi-city-map .dh-map-cluster{background:#070604;border-color:#d2bb6f;color:#fffdff}
doi-city-map .dci-raster-pin[aria-pressed=true],doi-city-map .dh-map-cluster.has-selection{background:#d2bb6f;color:#070604;border-color:#070604}
doi-city-map .dh-map-credit{position:absolute;z-index:3;bottom:0;left:0;right:0;padding:4px 7px;background:#fffdffe8;color:#070604;font-size:10px;line-height:1.3;pointer-events:none}
doi-city-map[data-renderer=raster] .dci-stage{cursor:grab}
doi-city-map[data-renderer=raster] .dci-stage.is-dragging{cursor:grabbing}
doi-city-map[data-renderer=list] .dci-stage{height:auto;min-height:100px;padding:20px}
doi-city-map[data-renderer=list] .dci-zoom{display:none}
doi-city-map .dci-unavailable{margin:0;color:#070604;line-height:1.6}
doi-city-map [data-city-map-mode]{margin:0;font-size:.85rem;line-height:1.4;color:#d2bb6f}
doi-city-map .dci-help{margin:10px 0 0;color:#cfc8b7;font-size:.85rem;line-height:1.5}
doi-city-map .dci-status{margin:0;color:#d2bb6f;font-size:.9rem;line-height:1.5;min-height:1.5em}
doi-city-map .dci-detail{padding-top:16px;border-top:1px solid #d2bb6f}
doi-city-map .dci-detail-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin:0 0 12px}
doi-city-map .dci-detail-title{margin:0 0 10px;font-size:1.2rem;line-height:1.25;color:inherit}
doi-city-map .dci-detail-summary{margin:0 0 14px;font-size:.95rem;line-height:1.6}
doi-city-map .dci-guide-link{width:fit-content}
doi-city-map [hidden]{display:none!important}
@media(max-width:767px){
  doi-city-map.doi-city-map{grid-template-columns:minmax(0,1fr);gap:18px}
  doi-city-map .dci-controls{display:contents}
  doi-city-map .dci-choice{order:0}
  doi-city-map .dci-basemaps,doi-city-map [data-city-map-mode]{order:1}
  doi-city-map [data-city-map-reset]{order:2}
  doi-city-map .dci-status,doi-city-map [data-city-map-retry]{order:3}
  doi-city-map .dci-stage-wrap{order:4}
  doi-city-map .dci-detail{order:5}
  doi-city-map .dci-actions{order:6}
  doi-city-map .dci-stage{height:420px}
  doi-city-map .dci-detail{margin:0;padding-top:14px}
  doi-city-map .dci-detail-image{max-height:220px}
}
@media(prefers-reduced-motion:reduce){doi-city-map *,doi-city-map *::before,doi-city-map *::after{scroll-behavior:auto!important}}