.map-nav{--mn-ink:#172c35;--mn-panel:#f7fafb;--mn-rule:#b7c7cf;--mn-accent:#17647d;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;color:var(--mn-ink);background:color-mix(in srgb,var(--mn-panel) 94%,transparent);border-block:1px solid var(--mn-rule);padding:.55rem clamp(.75rem,2vw,1.5rem);min-block-size:58px;backdrop-filter:blur(12px)}
.map-nav-back,.map-nav-crumb{min-block-size:44px;border:0;background:transparent;color:inherit;font:700 .95rem/1.2 ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.map-nav-back{display:inline-flex;align-items:center;gap:.55rem;padding-inline:.65rem;border-inline-end:1px solid var(--mn-rule)}
.map-nav-back:disabled{cursor:default;opacity:.55}
.map-nav-breadcrumb{min-inline-size:0;overflow:auto;scrollbar-width:thin}
.map-nav-breadcrumb ol{display:flex;align-items:center;gap:.35rem;list-style:none;margin:0;padding:0;white-space:nowrap}
.map-nav-breadcrumb li{display:flex;align-items:center;gap:.35rem}
.map-nav-breadcrumb li:not(:last-child)::after{content:"/";color:color-mix(in srgb,var(--mn-ink) 45%,transparent)}
.map-nav-breadcrumb [aria-current="location"]{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:.45rem;font-weight:850}
.map-nav-crumb{padding-inline:.45rem;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--mn-accent) 35%,transparent);text-underline-offset:.22em}
.map-nav-back:focus-visible,.map-nav-crumb:focus-visible{outline:3px solid color-mix(in srgb,var(--mn-accent) 35%,transparent);outline-offset:2px}
.map-nav-live{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:38rem){.map-nav{grid-template-columns:1fr;gap:0;padding-block:.35rem}.map-nav-back{border-inline-end:0;border-block-end:1px solid var(--mn-rule);justify-self:start}.map-nav-back:disabled{display:none}.map-nav-breadcrumb [aria-current="location"],.map-nav-crumb{min-block-size:40px}}
@media(prefers-reduced-motion:reduce){.map-nav *{scroll-behavior:auto!important;transition:none!important}}
.wf-icon{display:inline-block;inline-size:1em;block-size:1em;vertical-align:-.125em;overflow:visible;flex:none}
[dir=rtl] .icon-dir{transform:scaleX(-1)}