.hero-map{--h-bg: rgba(255,255,255,.94);--h-ink: #1c2321;--h-ink-2: #56605b;--h-line: rgba(28,35,33,.14);--h-on: #1c2321;--h-on-ink: #fff;--h-shadow: 0 1px 3px rgba(0,0,0,.18), 0 4px 14px rgba(0,0,0,.08)}:is(.hero-map,:where(#mapcard)) .map{height:560px}@media(max-width:700px){:is(.hero-map,:where(#mapcard)) .map{height:460px}}.hero-map .maplibregl-canvas{outline:none}.hero-ui{position:absolute;z-index:3;font:13px/1.3 var(--sans);color:var(--h-ink)}.hero-ui button,.hero-ui summary{all:unset;cursor:pointer;box-sizing:border-box}.hero-ui button:focus-visible,.hero-ui summary:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.hero-views{top:12px;left:12px;display:flex;gap:6px}.hero-views .seg{display:flex;background:var(--h-bg);border-radius:10px;padding:3px;box-shadow:var(--h-shadow)}.hero-views button{padding:7px 12px;border-radius:8px;font-weight:500;color:var(--h-ink-2)}.hero-views button[aria-pressed=true]{background:var(--h-on);color:var(--h-on-ink)}.hero-views button:disabled{opacity:.4;cursor:not-allowed}.hero-views .d3,.hero-views .area{background:var(--h-bg);box-shadow:var(--h-shadow);border-radius:10px;padding:10px 13px;font-weight:600;color:var(--h-ink)}.hero-views .d3[aria-pressed=true],.hero-views .area[aria-pressed=true]{background:var(--h-on);color:var(--h-on-ink)}.hero-views .area .sm{display:none}@media(max-width:520px){.hero-views .area .lg{display:none}.hero-views .area .sm{display:inline}}.hero-tools{top:12px;right:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.hero-tools .grp{display:flex;flex-direction:column;background:var(--h-bg);border-radius:10px;box-shadow:var(--h-shadow);overflow:hidden}.hero-tools .grp>button,.hero-tools summary{width:36px;height:36px;display:grid;place-items:center;color:var(--h-ink)}.hero-tools .grp>button+button{border-top:1px solid var(--h-line)}.hero-tools button:hover,.hero-tools summary:hover{background:color-mix(in srgb,var(--h-ink) 7%,transparent)}.hero-tools svg{width:19px;height:19px;transition:transform .2s}.hero-tools [data-t=measure][aria-pressed=true]{background:var(--accent);color:#fff}@media(hover:none){.hero-tools .zoom{display:none}}.hero-tools .more{overflow:visible;position:relative;background:none;box-shadow:none}.hero-tools .more summary{background:var(--h-bg);box-shadow:var(--h-shadow);border-radius:10px}.hero-tools .more summary{list-style:none}.hero-tools .more summary::-webkit-details-marker,.hero-tools .more summary::marker{display:none;content:""}.hero-tools .more[open] summary{background:var(--h-on);color:var(--h-on-ink);border-radius:10px}.hero-tools .menu{position:absolute;right:calc(100% + 8px);top:0;width:240px;background:var(--h-bg);border-radius:12px;box-shadow:var(--h-shadow);padding:10px 14px 12px}.hero-tools .menu label{display:flex;gap:9px;align-items:center;padding:5px 0;cursor:pointer}.hero-tools .menu label:has(input:disabled){opacity:.45}.hero-tools .menu-h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--h-ink-2);margin:10px 0 5px}.hero-tools .ex{display:flex;gap:4px}.hero-tools .ex button{padding:4px 9px;border-radius:7px;border:1px solid var(--h-line);font-size:12.5px}.hero-tools .ex button[aria-pressed=true]{background:var(--h-on);color:var(--h-on-ink);border-color:var(--h-on)}.hero-legend{left:12px;bottom:12px;background:var(--h-bg);border-radius:10px;box-shadow:var(--h-shadow);padding:8px 11px 9px;min-width:150px}.hero-legend.off .steps{display:none}.hero-legend .lh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.hero-legend .lh b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--h-ink-2);font-weight:600}.hero-legend .unit-toggle{display:flex;border:1px solid var(--h-line);border-radius:7px;overflow:hidden}.hero-legend .unit-toggle button{padding:2px 8px;font-size:12px;color:var(--h-ink-2)}.hero-legend .unit-toggle button[aria-pressed=true]{background:var(--h-on);color:var(--h-on-ink)}.hero-legend .steps{display:grid;grid-template-columns:12px auto;column-gap:8px;row-gap:3px;font-size:12px;align-items:center}.hero-legend .steps i{width:12px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 1px #0000001f}.hero-legend .steps span{white-space:nowrap}.hero-legend .ci{margin-top:6px;padding-top:6px;border-top:1px solid var(--h-line);font-size:11.5px;color:var(--h-ink-2);max-width:170px;line-height:1.35}.hero-legend.off .ci{margin-top:0;padding-top:0;border-top:0}.hero-legend em{font-style:normal;color:var(--h-ink-2);font-size:11px;margin-left:3px}@media(max-width:520px){.hero-legend{padding:6px 8px;min-width:0;font-size:11.5px}.hero-legend .steps i:nth-of-type(2),.hero-legend .steps span:nth-of-type(2),.hero-legend .steps i:nth-of-type(4),.hero-legend .steps span:nth-of-type(4),.hero-legend .steps i:nth-of-type(5),.hero-legend .steps span:nth-of-type(5){display:none}.hero-legend em{display:none}}.hero-map .maplibregl-ctrl-bottom-right{display:flex;flex-direction:column;align-items:flex-end}.hero-hint{font:11.5px var(--sans);color:var(--h-ink-2);background:var(--h-bg);padding:3px 8px;border-radius:6px;margin:0 10px 4px 0!important}@media(max-width:700px){.hero-hint{display:none}}.hero-map .maplibregl-ctrl-scale{background:var(--h-bg);color:var(--h-ink);border-color:var(--h-ink-2)}.hero-tip{left:0;top:0;pointer-events:none;background:#1c2321;color:#fff;border-radius:7px;padding:4px 8px;white-space:nowrap;box-shadow:0 2px 8px #00000040}.hero-tip span{color:#b8c0bb;font-size:12px;margin-left:4px}.hero-tip b{font-weight:600}.hero-busy{white-space:nowrap;top:60px;left:50%;transform:translate(-50%);background:var(--h-bg);border-radius:999px;box-shadow:var(--h-shadow);padding:7px 14px 7px 12px;display:flex;gap:10px;align-items:center;font-weight:500}.hero-busy .bar{width:46px;height:4px;border-radius:2px;background:var(--h-line);position:relative;overflow:hidden}.hero-busy .bar:after{content:"";position:absolute;inset:0;width:40%;background:var(--accent);border-radius:2px;animation:hero-slide 1s ease-in-out infinite}@keyframes hero-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.hero-busy[hidden],.hero-tip[hidden],.hero-chip[hidden]{display:none}.hero-chip{top:12px;left:50%;transform:translate(-50%);background:var(--h-on);color:var(--h-on-ink);border-radius:12px;box-shadow:var(--h-shadow);padding:6px 6px 6px 12px;display:flex;gap:8px;align-items:center;max-width:calc(100% - 140px)}.hero-chip .msg{padding:2px 0}.hero-chip .step{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;margin-right:4px}.hero-chip .muted{opacity:.7}.hero-chip button{padding:5px 10px;border-radius:8px;background:color-mix(in srgb,var(--h-on-ink) 16%,transparent);font-weight:500;white-space:nowrap}.hero-map.measuring .maplibregl-canvas-container{cursor:crosshair}@media(max-width:700px){.hero-chip{inset:auto 12px 12px;transform:none;max-width:none;flex-wrap:wrap}.hero-map.measuring .hero-legend{display:none}}.poi{width:0;height:0;cursor:default}.hero-map:not(.map-on) .poi{visibility:hidden}.poi i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:#1c2321;border:2px solid #fff;box-shadow:0 1px 3px #0006;box-sizing:border-box}.poi>span{position:absolute;left:9px;top:-8px;font:12px/1.2 var(--sans);color:#1c2321;white-space:nowrap;text-shadow:0 0 2px #fff,0 0 3px #fff,0 0 4px #fff}.poi.flip>span{left:auto;right:9px}.poi b{font-weight:600}.poi em{font-style:normal;color:#56605b;font-size:11px;margin-left:4px}.poi-high i{background:#9a5a3c}.poi-low i{background:#2d6a4f}.poi-peak i{background:#fff;border-color:#1c2321}.poi-peak b:before{content:"\25b2  ";font-size:10px}@media(max-width:520px){.poi em{display:none}}.spot{width:0;height:0}.spot>i{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--accent, #c4552b);border:2.5px solid #fff;box-shadow:0 1px 4px #00000073;box-sizing:border-box}.spot-card{position:absolute;left:14px;top:-20px;background:#fffffff7;color:#1c2321;border-radius:10px;box-shadow:0 2px 12px #00000038;padding:7px 8px 7px 11px;font:13px/1.35 var(--sans);white-space:nowrap}.spot.flip .spot-card{left:auto;right:14px}.spot.above .spot-card{top:auto;bottom:14px}.spot-card .sv{display:flex;align-items:baseline;gap:6px}.spot-card .sv b{font-size:17px;font-weight:600}.spot-card .sv span{color:#56605b}.spot-card .sv button{all:unset;cursor:pointer;margin-left:auto;padding:0 4px 0 10px;font-size:18px;line-height:1;color:#87908a}.spot-card .ss{color:#56605b;font-size:12.5px}.spot-card .sl{color:#87908a;font-size:11px;margin-top:2px}.hero-map.hero-full{position:fixed;inset:0;z-index:1000;border-radius:0;display:flex;flex-direction:column;overflow-y:auto}.hero-map.hero-full .map,.hero-map:fullscreen .map{flex:1 0 70vh;height:auto}.hero-map:fullscreen{display:flex;flex-direction:column;overflow-y:auto;border-radius:0}.map-go{left:50%;bottom:18px;transform:translate(-50%);background:var(--h-bg);box-shadow:var(--h-shadow);border-radius:999px;padding:9px 16px!important;font-weight:600}.map-credit{right:8px;bottom:6px;font-size:10.5px;color:var(--h-ink-2);background:var(--h-bg);padding:1px 6px;border-radius:4px;opacity:.85}.map[data-facade]{cursor:pointer}.map-go.wait:after{content:"\2026"}.map-go .sm,.map-credit .sm{display:none}@media(max-width:700px){.map-go{left:auto;right:10px;bottom:30px;transform:none}.map-go .lg,.map-credit .lg{display:none}.map-go .sm{display:inline}}