*,*::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:6rem}
body{min-height:100dvh;line-height:1.6;font-family:var(--font-body),sans-serif;font-size:var(--text-base);color:var(--text);background:var(--bg)}
img,svg{display:block;max-width:100%;height:auto}img{background:var(--surface)}
input,button,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}
h1,h2,h3{line-height:1.1;text-wrap:balance}p,li,figcaption{text-wrap:pretty}
a{color:inherit;text-decoration:none}a,button{transition:background .18s,color .18s,opacity .18s}button:active,a:active{opacity:.75}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}
.skip{position:absolute;top:-100px;left:16px;padding:16px;background:var(--bg);z-index:100}.skip:focus{top:8px}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}