*,:before,:after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:var(--space-8)}
body{min-height:100dvh;line-height:1.6;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}
img,picture,video,svg{display:block;max-width:100%;height:auto}img{background:var(--color-surface-offset)}
input,button,textarea,select{font:inherit;color:inherit}
h1,h2,h3{line-height:1.15;text-wrap:balance}p,li,figcaption{text-wrap:pretty;max-width:72ch}
button{cursor:pointer;background:none;border:none}a{color:inherit}
:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}
a,button{transition:color .18s,background .18s,opacity .18s}a:active,button:active{opacity:.7}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}