.province-map{position:relative}
.province-map-only{min-height:calc(100vh - 96px);display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);background:var(--paper)}
.province-map-only .province-map{position:relative;width:min(1080px,100%);padding:clamp(.5rem,2vw,1.25rem);border:0;background:transparent}
.province-map-only .province-map svg{width:100%;max-height:calc(100vh - 128px)}
.province-map-only .province-map path{stroke:var(--paper);stroke-width:1.2}
.province-map-only .province-map path.available{filter:drop-shadow(0 1px 0 color-mix(in srgb,var(--ink) 15%,transparent))}
.province-map-only .province-map path.available:focus-visible{outline:none;stroke:#55a7f1;stroke-width:3}
.province-map-tooltip{position:absolute;z-index:5;pointer-events:none;transform:translateY(-100%);padding:.45rem .7rem;border-radius:4px;background:var(--ink);color:var(--paper);box-shadow:0 4px 14px rgba(0,0,0,.22);font-size:.9rem;font-weight:600;line-height:1.2;white-space:nowrap}
.province-map-tooltip[hidden]{display:none}
.province-map-only .loading{min-height:calc(100vh - 160px)}
.province-map-only .map-error{margin:auto;color:var(--muted);text-align:center}
@media(max-width:620px){.province-map-only{min-height:calc(100svh - 96px);padding:.75rem}.province-map-only .province-map{margin:0;padding:0}.province-map-only .province-map svg{max-height:calc(100svh - 116px)}.province-map-tooltip{font-size:.82rem}}