.map-place{--map-d:min(24px,var(--map-hit));position:absolute;left:calc(var(--map-x) * 1%);top:calc(var(--map-y) * 1%);width:var(--map-d);aspect-ratio:1/1;margin:calc(var(--map-d) / -2) 0 0 calc(var(--map-d) / -2);border-radius:9999px;pointer-events:auto;text-decoration:none;scroll-margin-block:2rem 4.5rem}.map-place:not([data-map-named]){pointer-events:none}.map-place:not([data-map-named]):after,.map-place:not([data-map-named]):before{content:"";position:absolute;border-radius:9999px;pointer-events:auto}.map-place:not([data-map-named]):before{inset:0;z-index:-1}.map-place:not([data-map-named]):after{left:50%;top:50%;width:min(100%,8px);aspect-ratio:1/1;translate:-50% -50%;z-index:2}.map-word{position:relative;z-index:3}[data-map-below] .map-word{z-index:4}.map-chip{z-index:5}.map-place:focus-visible{outline:2px solid transparent;outline-offset:2px}.map-place:focus-visible :is(.map-name,.map-chip){outline:2px solid var(--accent);outline-offset:0}.map-place:focus-visible .map-name{outline-offset:-1px}.map-name-at{position:absolute;display:flex;width:0;height:0}.map-name{flex:none;white-space:nowrap;padding:8px 5px;border-radius:2px}@media not all and (min-width:640px){.map-name.max-sm\:pr-px{padding-right:1px}}.map-word{text-decoration-thickness:1.5px;text-underline-offset:.18em;padding:0 1px;margin:0 -1px}.map-place:is(:hover,:focus-visible) .map-word{text-decoration-line:underline}.map-dot{position:absolute;left:50%;top:50%;width:calc(5 * var(--map-u));aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:9999px;background:var(--ink)}.map-chip{position:absolute;white-space:nowrap;border:1px solid var(--rule);border-radius:2px;background:var(--paper);padding:3px 4px}.map-chip,.map-dot{opacity:0;pointer-events:none}@media not all and (min-width:640px){.map-dot{width:calc(5 * var(--map-u-crop))}}@media (prefers-reduced-motion:no-preference){.map-chip,.map-dot{transition:opacity .15s cubic-bezier(.2,.7,.2,1)}}.map-chip{left:calc(50% + var(--chip-x));top:calc(50% + var(--chip-y));translate:var(--chip-tx) var(--chip-ty)}@supports (translate:clamp(0px,-50%,1cqw) clamp(0px,-100%,1cqw)){.map-chip{translate:clamp(calc(2px - var(--dot-x) - var(--chip-x)),var(--chip-tx),calc(100cqw - 2px - var(--dot-x) - var(--chip-x) - 100%)) clamp(calc(2px - var(--dot-y) - var(--chip-y)),var(--chip-ty),calc(var(--map-hw) * 100cqw - 2px - var(--dot-y) - var(--chip-y) - 100%))}}.map-place{--dot-x:calc(var(--map-x) * 1cqw);--dot-y:calc(var(--map-y) * var(--map-hw) * 1cqw)}@media not all and (min-width:640px){.map-place{--dot-x:calc((var(--map-x) * var(--crop-kx) - var(--crop-ox)) * 1cqw);--dot-y:calc((var(--map-y) * var(--crop-ky) - var(--crop-oy)) * 1cqw)}.map-chip{--map-hw:var(--crop-hw)}}.map-chip:before{content:"";position:absolute;inset:var(--map-bridge,0)}@media (min-width:640px){.map-chip[data-chip=right]{--chip-x:0.45rem;--chip-y:0px;--chip-tx:0%;--chip-ty:-50%;--map-bridge:0 0 0 -0.5rem}.map-chip[data-chip=left]{--chip-x:-0.45rem;--chip-y:0px;--chip-tx:-100%;--chip-ty:-50%;--map-bridge:0 -0.5rem 0 0}.map-chip[data-chip=above]{--chip-x:0px;--chip-y:-0.35rem;--chip-tx:-50%;--chip-ty:-100%;--map-bridge:0 0 -0.4rem 0}.map-chip[data-chip=below]{--chip-x:0px;--chip-y:0.35rem;--chip-tx:-50%;--chip-ty:0%;--map-bridge:-0.4rem 0 0 0}.map-chip[data-chip=above-right]{--chip-x:-0.25rem;--chip-y:-0.35rem;--chip-tx:0%;--chip-ty:-100%;--map-bridge:0 0 -0.4rem 0}.map-chip[data-chip=above-left]{--chip-x:0.25rem;--chip-y:-0.35rem;--chip-tx:-100%;--chip-ty:-100%;--map-bridge:0 0 -0.4rem 0}.map-chip[data-chip=below-right]{--chip-x:-0.6rem;--chip-y:0.35rem;--chip-tx:0%;--chip-ty:0%;--map-bridge:-0.4rem 0 0 0}.map-chip[data-chip=below-left]{--chip-x:0.6rem;--chip-y:0.35rem;--chip-tx:-100%;--chip-ty:0%;--map-bridge:-0.4rem 0 0 0}.map-chip[data-chip=right-low]{--chip-x:0.45rem;--chip-y:-7px;--chip-tx:0%;--chip-ty:0%;--map-bridge:0 0 0 -0.5rem}}@media not all and (min-width:640px){.map-chip[data-chip-phone=right]{--chip-x:0.45rem;--chip-y:0px;--chip-tx:0%;--chip-ty:-50%;--map-bridge:0 0 0 -0.5rem}.map-chip[data-chip-phone=left]{--chip-x:-0.45rem;--chip-y:0px;--chip-tx:-100%;--chip-ty:-50%;--map-bridge:0 -0.5rem 0 0}.map-chip[data-chip-phone=above]{--chip-x:0px;--chip-y:-0.35rem;--chip-tx:-50%;--chip-ty:-100%;--map-bridge:0 0 -0.4rem 0}.map-chip[data-chip-phone=below]{--chip-x:0px;--chip-y:0.35rem;--chip-tx:-50%;--chip-ty:0%;--map-bridge:-0.4rem 0 0 0}.map-chip[data-chip-phone=above-right]{--chip-x:-0.25rem;--chip-y:-0.35rem;--chip-tx:0%;--chip-ty:-100%;--map-bridge:0 0 -0.4rem 0}.map-chip[data-chip-phone=above-left]{--chip-x:0.25rem;--chip-y:-0.35rem;--chip-tx:-100%;--chip-ty:-100%;--map-bridge:0 0 -0.4rem 0}.map-chip[data-chip-phone=below-right]{--chip-x:-0.6rem;--chip-y:0.35rem;--chip-tx:0%;--chip-ty:0%;--map-bridge:-0.4rem 0 0 0}.map-chip[data-chip-phone=below-left]{--chip-x:0.6rem;--chip-y:0.35rem;--chip-tx:-100%;--chip-ty:0%;--map-bridge:-0.4rem 0 0 0}.map-chip[data-chip-phone=right-low]{--chip-x:0.45rem;--chip-y:-7px;--chip-tx:0%;--chip-ty:0%;--map-bridge:0 0 0 -0.5rem}}@media (hover:hover) and (pointer:fine){.map-place:hover :is(.map-dot,.map-chip){opacity:1}.map-place:hover .map-chip{pointer-events:auto}}.map-place:focus-visible :is(.map-dot,.map-chip){opacity:1}.map-place:focus-visible .map-chip{pointer-events:auto}.map-place[data-map-dismissed] :is(.map-dot,.map-chip){opacity:0;pointer-events:none}.map-place[data-map-dismissed]:focus-visible{outline-color:var(--accent)}.map-place[data-map-dismissed]:focus-visible .map-dot{opacity:1}html[data-contrast=high] [data-map-window] circle[data-town]{opacity:1}[data-map-window]{--map-ground:var(--paper)}:is([class~=bg-sand],[class~=bg-paper-2]) [data-map-window]{--map-ground:var(--sand)}[class~=bg-chalk] [data-map-window]{--map-ground:var(--chalk)}.map-ripple{transform-box:fill-box;transform-origin:center}.map-ripple,[data-map-route-end],[data-map-route]{opacity:0;pointer-events:none}[data-map-on] [data-map-route-end],[data-map-on] [data-map-route]{opacity:1}@keyframes map-route{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes map-route-end{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}[data-map-route-end]{transform-box:fill-box;transform-origin:center}@media (prefers-reduced-motion:no-preference){[data-map-on] [data-map-route]{stroke-dasharray:1;animation:map-route .52s cubic-bezier(.2,.7,.2,1) both}[data-map-on] [data-map-route-end]{animation:map-route-end .2s cubic-bezier(.2,.7,.2,1) .38s both}}@keyframes map-draw{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes map-ripple{0%{opacity:.6;transform:scale(.02)}to{opacity:0;transform:scale(1)}}@supports (animation-timeline:view()){@media screen and (prefers-reduced-motion:no-preference){html.js[data-sd]:not([data-contrast=high]) figure[data-map-villages]{view-timeline:--map-view block}html.js[data-sd]:not([data-contrast=high]) :is(svg.map-draw,[data-map-labels]){animation:map-draw linear both;animation-timeline:--map-view;animation-range:entry 5% cover 45%}html.js[data-sd] figure[data-map-villages]:focus-within :is(svg.map-draw,[data-map-labels]){animation:none;clip-path:none}html.js[data-sd]:not([data-contrast=high]) .map-ripple{animation:map-ripple linear both;animation-timeline:--map-view;animation-range:cover 30% cover 62%}html.js[data-sd]:not([data-contrast=high]) .map-ripple[data-map-ripple="2"]{animation-range:cover 40% cover 72%}}}:is(.map-word,[data-map-sea],[data-map-river],[data-map-region],[data-map-scale]){text-shadow:0 0 1px var(--map-ground),0 0 2px var(--map-ground),0 0 3px var(--map-ground),0 0 4px var(--map-ground)}.map-spoke{opacity:.4;pointer-events:none}@media (prefers-reduced-motion:no-preference){.map-spoke{transition:opacity .2s cubic-bezier(.2,.7,.2,1)}}[data-map-on] .map-spoke{opacity:.16}@keyframes map-spoke{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@supports (animation-timeline:view()){@media screen and (prefers-reduced-motion:no-preference){:where(html.js[data-sd]:not([data-contrast=high])) .map-spoke{stroke-dasharray:1;animation:map-spoke linear both;animation-timeline:--map-view;animation-range:cover var(--spoke-a,22%) cover var(--spoke-b,36%)}}}[data-map-all] .map-spoke{opacity:.9}@media (prefers-reduced-motion:no-preference){[data-map-all] .map-spoke{stroke-dasharray:1;animation:map-spoke .56s cubic-bezier(.2,.7,.2,1) calc(var(--i, 0) * 45ms) both}}.map-place[data-map-lit]:not([data-map-dismissed]) .map-word{text-decoration-line:underline}.map-place[data-map-lit]:not([data-map-dismissed]) :is(.map-dot,.map-chip){opacity:1}a[data-map-lit]:not(.map-place,.map-view){text-decoration-line:underline;text-decoration-color:var(--accent)}@media print{:is(svg.map-draw,[data-map-labels]){animation:none!important;clip-path:none!important}.map-ripple,[data-map-route-end],[data-map-route]{display:none!important}}.map-sea{fill:var(--sea-rule);opacity:.5}.map-land{fill:var(--map-ground,var(--paper));stroke:none}[data-map-hatch]{stroke:var(--harbour);opacity:.2}:is([data-map-sea],[data-map-river]){text-shadow:none}@media print{.map-sea{opacity:.25}}.map-view{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:inherit}.map-view-square{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--rule);border-radius:2px;background:var(--chalk)}.map-view-square img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;transform:scale(var(--zoom,1))}.map-view-name{overflow-wrap:break-word;hyphens:auto}@media (prefers-reduced-motion:no-preference){.map-view-square{transition:border-color .15s cubic-bezier(.2,.7,.2,1)}}@media (hover:hover) and (pointer:fine){.map-view:hover .map-view-square{border-color:var(--accent)}.map-view:hover .map-view-name{color:var(--ink)}}.map-view:focus-visible .map-view-square,.map-view[data-map-lit] .map-view-square{border-color:var(--accent)}.map-view[data-map-lit] .map-view-name{color:var(--ink)}@media screen and (prefers-reduced-motion:no-preference){html.js figure[data-map-wait]:not([data-map-arrive]) :is(svg.map-draw,[data-map-labels]){clip-path:inset(0 0 100% 0);animation:none}html.js figure[data-map-wait]:not([data-map-arrive]) .map-spoke{stroke-dasharray:1;stroke-dashoffset:1;animation:none}html.js figure[data-map-wait][data-map-arrive] :is(svg.map-draw,[data-map-labels]){animation:map-draw 1.6s cubic-bezier(.2,.7,.2,1) both}html.js figure[data-map-wait][data-map-arrive] .map-spoke{stroke-dasharray:1;animation:map-spoke .9s cubic-bezier(.2,.7,.2,1) calc(.6s + var(--i, 0) * 90ms) both}html.js figure[data-map-wait][data-map-arrive] .map-ripple{animation:map-ripple 2.2s linear .4s both}html.js figure[data-map-wait][data-map-arrive] .map-ripple[data-map-ripple="2"]{animation-delay:.9s}html.js figure[data-map-wait][data-map-arrive]:focus-within :is(svg.map-draw,[data-map-labels]){animation:none;clip-path:none}}.map-card{opacity:0;pointer-events:none}[data-map-card-on] .map-card{opacity:1}@media (prefers-reduced-motion:no-preference){.map-card{transition:opacity .18s cubic-bezier(.2,.7,.2,1)}}.map-card .map-view-square{border-color:var(--accent)}@media print{.map-card{display:none!important}}