body{font-family:var(--font);color:var(--ink);background:var(--bg)}
button,input,select,textarea{font-family:inherit}
.leaflet-container,.leaflet-control{font-family:var(--font)}

.lnk{border-bottom:0;color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--link-line);
  text-underline-offset:3px;text-decoration-skip-ink:none;cursor:pointer;transition:color var(--motion),text-decoration-color var(--motion)}
.lnk:hover{color:var(--link-hover);text-decoration-color:var(--link-hover-line)}

.lnk--muted{color:var(--link-muted);text-decoration-color:var(--link-muted-line)}
.lnk--muted:hover{color:var(--link-hover);text-decoration-color:var(--link-hover-line)}

:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important;scroll-behavior:auto!important}
}