*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem;-webkit-text-size-adjust:100%}
body{margin:0}
button,input,textarea{font:inherit}
button,a,input,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit}
button{color:inherit}
img,svg,canvas{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
button:disabled{cursor:default}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--focus,#426773);outline-offset:5px}
input:focus-visible,textarea:focus-visible{outline-offset:3px}
.skip-link{position:fixed;left:1rem;top:1rem;padding:1rem;background:var(--ink);color:var(--fog);z-index:100;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}