*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:7rem}
body{margin:0;min-width:320px}
h1,h2,h3,p,figure{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
img,svg{display:block;max-width:100%}
img{height:auto}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:5px}
::selection{background:var(--primary);color:var(--on-primary)}
.skip-link{position:fixed;left:1rem;top:-100px;padding:1rem;background:var(--primary);color:var(--on-primary);z-index:100}
.skip-link:focus{top:1rem}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}