*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:6rem;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6}
img,svg{display:block;max-width:100%;height:auto}
img{background:var(--color-surface-offset)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{border:0;background:none;cursor:pointer}
ul[role=list]{list-style:none}
h1,h2,h3{line-height:1.06;text-wrap:balance}
p{max-width:70ch;text-wrap:pretty}
::selection{background:var(--color-accent-soft);color:var(--color-text)}
:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
.skip-link{position:fixed;z-index:100;left:1rem;top:-4rem;padding:.75rem 1rem;background:var(--color-ink);color:#fff;border-radius:.4rem;transition:top .2s}
.skip-link:focus{top:1rem}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}